element 怎么上传图片时带其他参数?

2021-02-25 10:16发布

[图]以POST方式上传并携带其他参数: 我限制了json格式,却成了: 最终目的:实现参数和图片一起发给后端

以POST方式上传并携带其他参数:

 

我限制了json格式,却成了:

 

最终目的:实现参数和图片一起发给后端


1条回答
浅浅77
2楼 · 2021-02-26 10:21

在OA系统的项目中,用到了文件上传,同时需要把用户信息传给后端,需要绑定data属性,data属性为对象类型,方法如下:

html:

       

js:


 data() {

    return {

      username: {}

  },

computed: {

    ...mapGetters(['permissions', 'userInfo']),

  },

mounted() {

    this.username.username = this.userInfo.username

  },

method:{

 // 上传

    handleRemove(file, fileList) {

      console.log(file, fileList)

    },

    handlePreview(file) {

      console.log(file)

    },

    handleExceed(files, fileList) {

      this.$message.warning(

        `当前限制选择 3 个文件,本次选择了 ${

          files.length

        } 个文件,共选择了 ${files.length + fileList.length} 个文件`

      )

    },

    beforeRemove(file, fileList) {

      return this.$confirm(`确定移除 ${file.name}?`)

    },

}