vue+elementUi的文件上传

讲解：uploadUrl是上传到文件服务器的后端接口地址，比如

UPLOAD_URL: '"http://127.0.0.1:8080/myblog/common/file/upload"'

 <el-upload
                class="upload-demo"
                :action="uploadUrl"
                style="margin-top: 10px"
                :file-list="editForm.attachmentList"
             accept="ppt,.pptx,.txt"
                :before-upload="beforeFileUpload"
                :on-success="uploadFileSuccess"
                :on-remove="(file, fileList) => handleFileRemove(index, file, fileList)">
                   <el-button size="small" type="primary" :disabled="uploadBtn">上传
                   </el-button>
</el-upload>

  //文件上传之前要执行的方法
      beforeFileUpload(file) {
         //得到文件的大小
        const isLt15M = file.size / 1024 / 1024 
       //.....其他代码
      },
      
    //上传成功之后调用的方法
      uploadFileSuccess(res, file, fileList){
      //
      },   
      //移除某个文件的时候调用的方法
       handleFileRemove(index, file, fileList) 
        if (file && file.status==="success") {
           
      },