- 发布:2025-11-10 16:12
- 更新:2025-11-10 16:12
- 阅读:13
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 26100.6899
HBuilderX类型: 正式
HBuilderX版本号: 4.85
手机系统: 全部
手机厂商: 华为
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
const customUpload = (file: UploadFile, formData, options) => {
const uploadTask = uni.uploadFile({
url: action,
header: {
'Authorization': userStore.token || ''
},
name: options.name,
fileName: options.name,
fileType: options.fileType,
formData,
filePath: file.url,
success(res) {
if (res.statusCode === 200) {
// 设置上传成功
options.onSuccess(res, file, formData)
} else {
// 设置上传失败
options.onError({ ...res, errMsg: res.errMsg || '' }, file, formData)
}
},
fail(err) {
// 设置上传失败
options.onError(err, file, formData)
}
})
// 设置当前文件加载的百分比
uploadTask.onProgressUpdate((res) => {
options.onProgress(res, file)
})
}
const customUpload = (file: UploadFile, formData, options) => {
const uploadTask = uni.uploadFile({
url: action,
header: {
'Authorization': userStore.token || ''
},
name: options.name,
fileName: options.name,
fileType: options.fileType,
formData,
filePath: file.url,
success(res) {
if (res.statusCode === 200) {
// 设置上传成功
options.onSuccess(res, file, formData)
} else {
// 设置上传失败
options.onError({ ...res, errMsg: res.errMsg || '' }, file, formData)
}
},
fail(err) {
// 设置上传失败
options.onError(err, file, formData)
}
})
// 设置当前文件加载的百分比
uploadTask.onProgressUpdate((res) => {
options.onProgress(res, file)
})
}
操作步骤:
选择图片上传
选择图片上传
预期结果:
可以上传
可以上传
实际结果:
都没有发送请求就报错
都没有发送请求就报错
bug描述:
上传图片 手机端选择任意图片后 直接进入fail回调(并没有发送请求到服务器),报错内容是uploadFile:fail statusCode: null