element ui 文件上传

<!--移除属性multiple  :limit="1"一共允许上传多少个文件-->

             <el-upload

             class="upload-demo"

             action="/IntelligentReminderSystem/excelTransmit/checkCase"

             :on-preview="handlePreview"

             :on-remove="handleRemove"

             :before-remove="beforeRemove"

             :limit="form.fileLengthLimit"

             :on-exceed="handleExceed"

             :http-request="myUploadFunc"

             :file-list="fileList">

             <el-button size="medium" icon="el-icon-edit">点击上传</el-button>

            </el-upload>

在methods 里写自定义的上传方法

myUploadFunc(file){

      let randomnessVal='0123456789'

      for(let j=1;j<=10;j++){ //设置10位随机数

         var i = parseInt(10*Math.random());

         this.form.randomNumber += randomnessVal.charAt(i);

      }

      let formdata=new FormData();

      formdata.append('file',file.file)

      formdata.append('filename',file.file.name)

      formdata.append('bs',this.form.randomNumber)

      formdata.append('clientCompanyId',this.form.selCompany)

      this.$ajax({

        url:'/IntelligentReminderSystem/excelTransmit/checkCase',

        method:'post',

        data:formdata,

      }).then(function(res){

         console.log(res)

      })

    }

猜你喜欢