el-upload 实现文件的上传

其实和我之前写的上传图片是一个类型https://blog.csdn.net/zhumizhumi/article/details/79536452

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

    
    
将文件拖到此处，或点击上传
    
只能上传rvt

   // 文件提交之前的操作 可以进行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
        }
      })
    }