uniapp中上传多张图片(或文件)
2020-08-23 17:19
543 查看
在微信小程序中不支持多张图片上传,需要做循环实现多张图片上传
// 官方这边是只能一次上传一张 uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; uni.uploadFile({ url: 'https://www.example.com/upload', //仅为示例,非真实的接口地址 filePath: tempFilePaths[0], name: 'file', formData: { 'user': 'test' }, success: (uploadFileRes) => { console.log(uploadFileRes.data); } }); } });
上传多张(做循环)
uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; for(let i = 0;i < tempFilePaths.length; i++) { uni.uploadFile({ url: 'https://www.example.com/upload', //仅为示例,非真实的接口地址 filePath: tempFilePaths[i], name: 'file', formData: { 'user': 'test' }, success: (uploadFileRes) => { console.log(uploadFileRes.data); } }); } } });
如果是app或者h5端,可以设置files实现多张图片上传
uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; let imgs = tempFilePaths.map((value, index) => { return { name: index, uri: value }) uni.uploadFile({ url: 'https://www.example.com/upload', //仅为示例,非真实的接口地址 files: imgs, success: (uploadFileRes) => { console.log(uploadFileRes.data); } }); } });
相关文章推荐
- uni-app:web-view实现文件(非图片视频文件)上传与下载
- ASP.NET(C#)实现一次性上传多张图片(多个文件)
- SSM 上传多个文件也可以上传多张图片
- .Net语言 APP开发平台——Smobiler学习日志:快速实现应用中的图片、声音等文件上传功能
- uni-app基础知识学习【5】上传图片、预览图片+跨域兼容+导航跳转
- uniapp点击上传图片功能
- uni-app实现图片和视频上传功能
- uni-app 完成图片上传同步刷新本地头像功能
- ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)
- ASP.NET(C#)实现一次性上传多张图片(多个文件)
- vue 上传图片到oss / uniapp上传图片到oss
- 【H5】手机浏览器分批次多张上传图片(文件),包含进度条
- uni-app实现图片和视频上传功能
- uni-app上传图片转base64
- uni-app 图片上传 demo
- ASP.NET(C#)实现一次性上传多张图片(多个文件)
- ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)
- H5app拍摄图片并预览和网页上传图片文件并预览
- ASP.NET(C#)实现一次性上传多张图片(多个文件)
- ASP.NET(C#)实现一次性上传多张图片(多个文件)