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);//收集返回的图片
									
								}
							})
						})
					}
				});
			},
相关推荐
刻刻帝的海角16 小时前
基于UniApp与Vue3语法糖的实时任务管理应用开发实践
uni-app
能不能送我一朵小红花16 小时前
基于uniapp的PDA手持设备红外扫码方案
前端·uni-app
chaffererdog17 小时前
uniapp开发微信小程序使用vk-uview-ui的uSearch搜索组件,在微信开发者工具中点击输入框会意外触发custom事件
微信小程序·小程序·uni-app
脾气有点小暴18 小时前
uniapp通用递进式步骤组件
前端·javascript·vue.js·uni-app·uniapp
草字21 小时前
uniapp 滚动到表单的某个位置,表单验证失败时。
前端·javascript·uni-app
脾气有点小暴1 天前
uniapp通用单张图片上传组件
前端·javascript·vue.js·uni-app·uniapp
郑州光合科技余经理1 天前
技术架构:跑腿配送系统海外版源码全解析
java·开发语言·前端·数据库·架构·uni-app·php
2501_915918411 天前
Flutter 加固方案全解析,从 Dart 层到 IPA 成品的多工具协同防护体系
flutter·macos·ios·小程序·uni-app·cocoa·iphone
metaRTC1 天前
webRTC IPC客户端UniApp版编程指南
uni-app·webrtc·ipc
刻刻帝的海角1 天前
基于UniApp与Vue3语法糖的跨平台待办事项应用开发实践
javascript·vue.js·uni-app