Vue中使用axios以FormData形式提交数据

最新推荐文章于 2024-08-08 10:15:42 发布

会说法语的猪

最新推荐文章于 2024-08-08 10:15:42 发布

阅读量3k

点赞数

分类专栏： vue 前端文章标签：前端 vue.js elementui

本文链接：https://blog.csdn.net/m0_51431448/article/details/125451652

版权

前端同时被 2 个专栏收录

108 篇文章 3 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

vue

78 篇文章 1 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

这算是接上篇所写吧，上篇在上传图片的时候，要传给后端图片文件的blob对象，这个时候就得使用FormData的方式提交了，其实也是蛮简单的一个东西了，就直接上代码了

// 表单提交
doSubmit() {
  this.$refs["inputForm"].validate((valid) => {
    if (valid) {
      if(!this.inputForm.img) return this.$message.warning('请选择图片')
      this.loading = true
      let formData = new FormData()
      const { id, dataCenterId, buildName, state, buildCount, buildDesc, img } = this.inputForm
      formData.append("id", id)
      formData.append("dataCenterId", dataCenterId)
      formData.append("buildName", buildName)
      formData.append("state", state)
      formData.append("buildCount", buildCount)

了解本专栏