el-upload手动上传图片失败

需求:修改文章信息,包含文章标题,类型,图片,内容等信息,图片非必改,所以使用upload的原始方发法必须重新选择图片,并不满足业务需求

问题1:提交申请报跨域的问题(小白水平写得很low  ==!!!)

描述:当时考虑的只把图片添加到formData中,没考虑到把所有请求参数都添加进去,就写出了下面的情况     然后就出现了跨域的问题

let formData = new FormData();
formData.append("file",this.fileList1[0].raw); 

this.$http.post('/sys/content/updContent',
`file=${formData}&title=${this.editForm.title}&tyep=${this.editForm.type}&content=${this.editForm.content}&id=${this.editId}`,
{headers: {'Content-Type': 'multipart/form-data'}}).then(({ data: res }) => {
         
          // if (res.code&&res.code !== 0) {
          //   return this.$message.error(res.msg)
          // }
          console.log(res);
        this.editDialogVisible = false
        this.editForm={}
        this.$message.success('上传成功')
        }).catch(() => {})

分析:原因在于Content-Type已经全局配置过了,可参考文章(3条消息) multipart|form-data前端上传文件报错(服务器报500) 找不到Boundary(边界)_one.dream的博客-CSDN博客

解决办法:{headers: {'Content-Type': false }}

问题2:formData变成[object,object]

 描述:出现上述问题的原因就是对formData的使用了解不到位,post请求参数完全不能像上面那么写

解决办法:

1.将所有上传参数都添加到formData中

 2.参数只传formdata即可

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值