uni.request上传文件
时间: 2023-10-18 21:31:13 浏览: 157
UNI.rar_.uni文件_图标关联
在uni-app中,使用uni.request()是无法直接上传文件的,因为request的data参数无法接受FormData格式的数据。所以需要通过曲线救国的方式来上传文件,可以使用uni.uploadFile()来实现。首先,你需要使用uni.chooseImage()方法选择要上传的文件,并将文件保存在file变量中。然后,将file作为参数传递给uni.uploadFile()方法,同时指定上传文件的URL、文件类型、文件名等信息。最后,在success回调函数中可以处理上传成功后的响应。以下是一个示例代码:
uni.chooseImage({
count: 1, // 默认为9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 从相册选择
success: (res) => {
let file = res.tempFiles; // 获取file格式的文件
uni.uploadFile({
url: 'XXX', // 上传文件的URL
file: file, // 要上传的文件
fileType: 'image', // 文件类型
name: 'img_file', // 文件名
success: (res) => {
console.log(res);
}
});
}
});
通过以上代码,你可以在uni-app中使用uni.request()来实现文件上传功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uni-app 上传图片 H5 微信小程序 APP 均可使用](https://blog.csdn.net/weixin_49230250/article/details/127262596)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [uniapp上传文件(图片、视频)](https://blog.csdn.net/u011200562/article/details/113544671)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [uniapp前端单文件上传JAVA后台接收实现(亲测)](https://download.csdn.net/download/nhb8890/12936989)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文