taro h5 formData上传图片的坑-Required request part ‘file‘ is not present

描述:用formData上传图片

1、生成formData

javascript 复制代码
const formData = new FormData()
formData.append('file', data) // data是file
formData.append('xxx', 'xxx') // 添加其他参数

2、用taro.request请求

javascript 复制代码
Taro.request({
	url: 'xxxx',
	data: formData,
	header: {
		'Content-Type': 'multipart/form-data;'
	},
	method: 'POST',
})

结果:报错500

3、用原生请求

javascript 复制代码
let xmlhttp = new XMLHttpRequest()
xmlhttp.open('post', 'xxxx')
xmlhttp.setRequestHeader('token', 'xxx')
xmlhttp.onreadystatechange = function (res) {
  if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
    console.log(xmlhttp.response)
  }
}
xmlhttp.send(formData)

结果:成功


注意,并没有设置content-type, 但是请求自动添加了content-type

4、对比后发现

原生的比taro多了boundary, boundary是分割线, 那把这个boundary复制下行不行呢?
!!!是不行的

5、总结

网上很多资料显示,formData上传时不需要设置content-type, 而taro.request默认是设置的content-type=application/json, 就算手动设置了,也不会自动加boundary, 而这个boundary的值怎么算的没有去深究了,最后还是选择的原生...

相关推荐
vvilkim11 天前
Taro 状态管理全面指南:从本地状态到全局方案
taro
vvilkim13 天前
Taro:跨端开发的终极解决方案
taro
雨中的风铃子15 天前
taro小程序如何实现新用户引导功能?
小程序·taro
云边小卖铺.16 天前
React+Taro创建小程序
react.js·小程序·taro
沈春庭17 天前
【MoodVine】Taro+React对于大文件的轮询请求实现
前端·javascript·react.js·微信小程序·taro·promise
楽码22 天前
AI提问:进行深度交互
aigc·openai·taro
不爱吃糖的程序媛1 个月前
鸿蒙版Taro 搭建开发环境
华为·harmonyos·taro
PyAIGCMaster1 个月前
react+taro 开发第五个小程序,解决拼音的学习
react.js·小程序·taro
程序员小刘1 个月前
【HarmonyOS 5】鸿蒙Taro跨端框架
华为·harmonyos·taro
君的名字1 个月前
怎么判断一个Android APP使用了taro 这个跨端框架
android·react native·taro