文件上传构件使用

1.文件上传构件已经进行修改，现在默认有个上传文件的接口，使用时只需要配置好保存类型和路径配置即可使用：

描述：文件上传配置

图片：文件上传配置.png

路径配置：

描述：路径配置

图片：路径配置.png

2.如果需要自定义接口上传文件，则需要配一个自定义上传事件：

图片：自定义上传事件.png

事件中配置一个参数接收传入的值：

描述：参数配置

图片：参数配置.png

事件相关代码：

var file = option.file;
var formData = new FormData();
formData.append('files[]',file);
$.ajax({
      url:"./data/uploadfile.svt?saveType=3&filePath=Demo.filePath",
      type:"POST",
      data:formData,
      async:true,
      cache:false,
      contentType:false,
      processData:false,
      xhr:function(){   // 进度条                    
        myXhr = $.ajaxSettings.xhr();
        if(myXhr.upload){
            myXhr.upload.addEventListener('progress',function(e){      
                var loaded = e.loaded;                  //已经上传大小情况
                var total = e.total;                      //附件总大小
                var percent = Math.floor(100*loaded/total);     //已经上传的百分比  
                e.percent = percent;
                option.onProgress(e,file);
            }, false);
        }
        return myXhr;
      },
      success:function(returndata){
   file.response = JSON.parse(returndata);
   option.onSuccess(returndata,file);
      },
      error:function(returndata){
          MSG.error("上传失败");
   option.onError(returndata,returndata.responseText,file);
      }
});

先评论再浏览

先评论再浏览

看不懂腩，麻烦些详细点

信息化部队前来慰问