webuploader上传插件封装,带编辑回显

环境：jquery1.9+ ,layui ,webuploader

1.前端：

     上传

2.upload.js

var uploader = $('#upload-box').uploader({
    
    server: root +'file/uploadPic',        // 上传文件接口
    deleteServer:'',                    // 删除文件接口
    md5Server:'',                        // md5秒传验证接口
    isRealTimeDelete:false,                // 删除已上传的文件，是否需要实时删除，true则需要提供删除文件接口
//    eventAddFileErrorCustom:true,
    //添加文件出错
//    addFileError:function(type,arg1,arg2){
//        console.log('addFileError')
//    },
    //在添加文件前执行true或无返回值则放过,false则不放过
    beforeFileQueued:function(file){
        console.log('beforeFileQueued')
        console.log(file)
        return true;//false 不添加
    },
    //当有文件被添加进队列的时候执行
    fileQueued:function(file){
        console.log('fileQueued')
        console.log(file)
    },
    //文件上传过程中创建进度条实时显示
    uploadProgress:function(file, percentage){
        console.log(file);
        console.log(percentage);
        console.log('uploadProgress')
    },
    //文件上传成功
    uploadSuccess:function(file, response){
        console.log(file);
        console.log(response);
        console.log('uploadSuccess')
    },
    //文件上传失败
    uploadError:function(file){
        console.log(file);
        console.log('uploadError')
    },
    //文件全部上传成功
    uploadFinished:function(file,data){
        console.log(file);
        console.log(data);
        console.log('uploadFinished');
    }
});
 
$('#upload').on('click',function(){
    uploader.upload();
})
3.效果：

4.如果有什么补充和修改的地方  到webuploader/uploader.js里修改

 

5.插件下载地址 https://0x9.me/RsApH