码码儿
码码儿
  • 发布:2024-02-06 11:33
  • 更新:2024-02-21 19:23
  • 阅读:235

【报Bug】H5端,视频上传BUG

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.99

浏览器平台: Chrome

浏览器版本: 120.0.6099.71

项目创建方式: HBuilderX

示例代码:

openVideoChoose() {
let that = this;
uni.chooseFile({
count: 1,
success: (res) => {
if(res.size > 5010241024) {
toast("视频大小不能超过50M")
return;
}
console.log(JSON.stringify(res))
//#ifdef MP-WEIXIN
that.videoFormData.tempFilePath = res.tempFilePath;
//#endif
//#ifdef H5
that.videoFormData.tempFilePath = res.tempFilePaths[0];
//#endif
}
})
},

uploadVideo() {
let that = this;
if (that.videoFormData.title==null || !that.videoFormData.title.trim()) {
toast('请输入视频标题!');
return false;
}
if (!that.videoFormData.tempFilePath) {
toast('请选择视频!');
return false;
}
uni.showLoading({title: "上传中,请稍等"})
uni.uploadFile({
filePath: that.videoFormData.tempFilePath,
url: config.baseUrl + '/uploadCategoryVideo',
name: 'file',
formData: {
type: that.activeBtn,
title: that.videoFormData.title
},
header: {
"Content-Type": "multipart/form-data",
'X-Authorization': getToken()
},
success: function (res1) {
uni.hideLoading();
var reJet = JSON.parse(res1.data);
if (reJet.code == 0) {
that.videoPopupClose();
that.init();
toast('添加成功!')
} else {
that.videoPopupClose();
toast('添加失败!' + reJet.message)
}
},
fail: function (err) {
uni.hideLoading();
toast('添加失败!')
}
});
},

操作步骤:

选择视频后,点击上传视频

预期结果:

上传成功

实际结果:

后台报错,没有文件

bug描述:

uniapp开发H5端应用上传视频,使用uni.chooseFile或者uni.chooseVideo,后通过uni.uploadFile上传视频到后台,后台报错the request was rejected because no multipart boundary was found(没有文件),小程序端是正常的

2024-02-06 11:33 负责人:无 分享
已邀请:
JXWang

JXWang

可以试试把 "Content-Type": "multipart/form-data" 去掉行不行,参考文档

要回复问题请先登录注册