el-upload 实现文件的上传

其实和我之前写的上传图片是一个类型图片上传 axios_axios上传图片默认是二进制的么-CSDN博客

但是我看element里面写的不是很清楚  我这里用的是 :http-request方法实现的上传

<el-upload
    class="upload-demo"
    drag
    multiple
    ref="upload"
    action="string"
    :before-upload="onBeforeUploadImage"
    :http-request="UploadImage"
    :file-list="fileList">
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
    <div class="el-upload__tip" slot="tip">只能上传rvt</div>
</el-upload>

   // 文件提交之前的操作 可以进行type类型的判断
    onBeforeUploadImage (file) {
      console.log(file)
    },
    // 文件提交
    UploadImage (param) {
      const formData = new FormData()
      formData.append('ModelName', param.file) // 要提交给后台的文件
      formData.append('projectFolder', this.routeProjectId) // 这个接口必要的项目id
      formData.append('subFolder', this.routeFloorId) // 这个接口必要的其他的id
      UploadFiles(formData).then(response => {  // UploadFiles 是封装的接口
        if (response !== undefined) {
          Message({
            message: response.Msg,
            type: 'success',
            duration: 5 * 1000
          })
          param.onSuccess()
          this.$store.state.basics.ShuxinTable = true
        }
      })
    }