UEditorPlus 如何实现自定义上传文件

2024-10-07 17:56:33    技术分享   

从 v4.1.0 版开始,UEditorPlus 新增加了支持自定义上传文件的功能,具体使用方式如下:

开启自定义上传

在初始化编辑器时,增加配置

var ue = UE.getEditor('editor', {
    // ... 其他配置
    // 开启自定义上传
    uploadServiceEnable: true,
    // 实现自定义上传回调逻辑
    uploadServiceUpload: function(type, file, callback, option ) {
        console.log('uploadServiceUpload', type, file, callback, option);
    }
});

实现自定义上传回调函数

自定义上传函数,需要在这个函数中实现自定义上传逻辑

type 上传类型,image 图片,video 视频,audio 音频,attachment 附件

file 文件对象

callback 回调函数,需要在上传完成后调用 callback.success、callback.error、callback.progress

option 上传配置,其他一些未来扩展配置

{
    // ... 其他配置
    uploadServiceUpload: function(type, file, callback, option ) {
        console.log('uploadServiceUpload', type, file, callback, option);
        var i = 0;
        var call = function(){
             i++;
             if(i > 3){
                 callback.success({
                     "state": "SUCCESS",
                     "url": "https://ms-assets.modstart.com/demo/modstart.jpg",
                 });
                 return;
             }
             setTimeout(function(){
                 callback.progress(0.3 * i);
                 call();
             },500);
         };
         call();
     }
     // ... 其他配置
}


QQ
微信