el-upload上传文件,文件名修改后提交请求

 auto-upload:false      

:on-change="handleChange"

 
      
    
    
    
    
请上传 的文件

修改文件名方法(文件名包含很多特殊符号会导致文件上传报错): 

  handleChange(file) {
        let fileArr =file.name.split('.'); 
        let name=fileArr[0];
        let fileType=fileArr[1];

         let Exp=/[\-\_\,\!\|\~\`\(\)\#\@\]\[\$\%\^\&\*\{\}\:\;\"\L\<\>\?]/g;
         name = name.replace(Exp,"");
        let f = new File([file.raw],name+'.'+fileType);
        f.uid = file.uid; // new File 没有uid属性,会导致组件底层报错,这里手动加上
        file.raw = f;  // 用f替换file的数据
        console.log(file.raw)
        this.$refs.imageUpload.submit(); // 手动触发上传
      },

你可能感兴趣的:(elementui,vue.js,前端)