Element UI中的上传文件功能

上传文件给后台；

 <el-upload
             style="display:inline-block"
             :limit=""
             class="upload-demo"
             ref="upload"
             :action="uploadUrl"
             :file-list="fileList"
             :http-request="uploadSectionFile"
             :auto-upload="false"
             :before-remove="handleRemove">
             <el-button slot="trigger" size="small" type="primary" plain>选取文件</el-button>
             <el-button style="margin-left: 10px;" size="small" icon="el-icon-upload2" type="success" @click="submitUpload">导入</el-button>
           </el-upload> 

上图中，limit是限制最多可上传文件的个数；action的地址是将文件传给后台的接口地址； fileList是选择的文件的全部信息，在事件中作为参数传进去，可以查看其内容；

 uploadSectionFile(param){
        var fileObj = param.file;
        // FormData 对象
        var form = new FormData();
        // 文件对象
        form.append("file", fileObj);
        form.append("userId", this.userId);
        form.append("userName", this.userName);
        axios({
          method: 'post',
          url: 'http://eiss-my-dev.cnsuning.com:81/eiss-admin/attach_new/uploadAttachment.do',
          headers: {
            'Content-Type': 'multipart/form-data'
          },
          data:form
        }).then(res => {
          if(res.data.msgCode == ''){
            this.$message({
              type:'success',
              message:res.data.msgDesc
            })
            this.attachMentCode = res.data.data.attachmentCode//附件编码
            this.attachmentId = res.data.data.attachmentId//标志
          } else {
            this.$message({
              type:'error',
              message:res.data.msgDesc
            })
          }
        })
      }

删除文件事件：

 //删除时
             handleRemove(file, fileList) {
          var data = {
           attacMentCode: this.attachMentCode
         }
         deleteAttachment(data).then(res=>{
           if(res.msgCode == ''){
           this.$message({
             type: 'success',
             message: res.msgDesc
           })
           this.attachMentCode = ''
         }else if(res.msgCode == ''){
           this.$message({
             type: 'error',
             message: res.msgDesc
           })
         }
         })
       }