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();
     }
     // ... 其他配置
}

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

开启自定义上传

实现自定义上传回调函数

微信扫一扫：分享