uniapp多图上传uni.chooseImage上传照片uni.uploadFile,默认上传9张图

uniapp多图上传uni.chooseImage上传照片uni.uploadFile

代码示例:

复制代码
/**上传照片 多图*/
			getImage() {
				uni.chooseImage({
					count: 9, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
					sourceType: ['album'], //从相册选择
					//function函数改成箭头函数
					//success: function(res) {
					success: (res) => {
						//1.上传多图  循环请求接口
						res.tempFilePaths.forEach((item) => {
							uni.uploadFile({
								url: config.baseUrl + '/infra/file/upload', //上传的服务器地址
								//filePath: res.tempFilePaths[0],//2.上传单图
								filePath: item,//多图
								name: 'file',
								formData: {
									//'file': res.tempFilePaths[0],//上传单图
									'file': item,//多图
								},
								header: {
									['Authorization']: "Bearer " + uni.getStorageSync('token'),
									['tenant-id']: '1',
								},
								success: (uploadFileRes) => {
									let uploadUrl = JSON.parse(uploadFileRes.data).data;
									this.photoList.push(uploadUrl);//收集返回的图片
									
								}
							})
						})
					}
				});
			},
相关推荐
Rudon滨海渔村6 小时前
【懒人教程】如何让uniapp项目在PC大屏中显示移动端的效果 - 统一uniapp项目的PC、平板、手机的样式
uni-app
2501_915918419 小时前
iOS 文件管理全流程实战,从开发调试到数据迁移
android·ios·小程序·https·uni-app·iphone·webview
碎像12 小时前
uni-app实战教程 从0到1开发 画图软件 (学会画图)
前端·javascript·css·程序人生·uni-app
小徐_233314 小时前
uni-app 还在手写请求?alova 帮你全搞定!
前端·uni-app·axios
iOS阿玮15 小时前
苹果审核被拒要听劝,能沟通回复解决真的不用改!
uni-app·app·apple
anyup1 天前
🚀 2025 最推荐的 uni-app 技术栈:unibest + uView Pro 高效开发全攻略
前端·vue.js·uni-app
iOS阿玮2 天前
成年人的沟通,不谈钱谈什么?谈感情?
uni-app·app·apple
y东施效颦2 天前
uni-app app端安卓和ios如何申请麦克风权限,唤起提醒弹框
android·ios·uni-app
fakaifa2 天前
【最新版】沃德云商协系统全开源+uniapp小程序
小程序·uni-app·源码下载·沃德云商协会·商协会管理系统
q5507071772 天前
uniapp/uniappx实现图片或视频文件选择时同步告知权限申请目的解决华为等应用市场上架审核问题
android·图像处理·uni-app·uniapp·unix