首页 > 其他分享 >uniapp多图上传uni.chooseImage上传照片uni.uploadFile,默认上传9张图

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

时间:2024-08-15 16:26:52浏览次数:16  
标签:uniapp res item 多图 file uni 上传

 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);//收集返回的图片
									
								}
							})
						})
					}
				});
			},

标签:uniapp,res,item,多图,file,uni,上传
From: https://blog.csdn.net/qq_39695210/article/details/141142824

相关文章

  • STM32与华为云IoTDA的上传下达
    实现了Mqtt的链接后,需要与华为云IoTDA进行属性上报、命令解析、命令应答等。需要参照华为云官网给出的API参考使用前必读_设备接入IoTDA;1.华为云函数构建1.1.设备属性上报该功能就是用于设备按产品模型中定义的格式将属性数据上报给平台,最通常的温度信息设备状态等,上报后......
  • uni-app使用天地图
    原因:由于主流地图(百度,高德,腾讯)商用收费属实昂贵,不得已很多人开始转战天地图。  方案:天地图想要在uniapp项目中正常使用目前的方案有两种1.通过web-view将html天地图嵌入项目中  优点:可以同时兼容微信小程序和APP缺点:地图嵌入后数据交互繁琐,小程序兼容了,但是兼的不是很......
  • 利用certutil绕过上传限制
    certutil实战小技巧(绕过部分上传限制)上传时遇到限制上传大小时:编码base64:certutil-encodeyb.exe1.txt可以把1.txt拆成三个txt,分块上传后,再使用copyc:\*txtc:\123.txt//把c盘根目录下的所有txt合并为123.txtcertutil-decode123.txt123.exe收集了一些windows......
  • Unity 通过序列化和反序列化的方式创建深度拷贝Clone方法注意事项
    要将类标记为可序列化在类定义前添加 [Serializable] 属性。[Serializable]publicclassWorkorderAddData{publicintid;publicResponseresponse;[Serializable]publicclassResponse{publicintid;[Serializable]......
  • 类Unix和Windows的区别
    类Unix和Windows的区别类Unix系统通常指那些遵循Unix设计原则的操作系统,如Linux、macOS、FreeBSD、Solaris等。Windows属于WindowsNT操作系统家族,不是类Unix系统。WindowsNT系列则有自己独特的设计和架构,不遵循Unix的设计。主要区别内核架构:Windows:基于Windows......
  • 23年9月最新微信小程序 手机号授权 (uniapp+盛派SDK) 帮你踩坑
    一、背景微信小程序手机号授权接口,从23年8月开始实行付费验证。文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getRealtimePhoneNumber.html 新版手机号授权说明如下:自2023年8月28日起【手机号实时验证组件】将需要付费使用。标准单价......
  • uniapp movable-area、movable-view实现上下滑动
    效果图: <movable-areaclass="move-content"@touchmove.stop><movable-viewclass="move-incontent":style="'height:'+movableHeight+'rpx'":y="initY"......
  • Git上传下载大文件
    解决上传,文件大小限制命令:gitlfsinstall 更改文件.gitattributes *.jarfilter=lfsdiff=lfsmerge=lfs-text*.pdffilter=lfsdiff=lfsmerge=lfs-text*.fbxfilter=lfsdiff=lfsmerge=lfs-text*.tgafilter=lfsdiff=lfsmerge=lfs-text*.PNGfilter=lfsd......
  • unittest框架
    unittest框架1、unittest是方便规范编写测试用例和后期维护;2、unittest是python中自带的库3、unittest框架的结构:importunittestclassKj(unittest.TestCase):@classmethoddefsetUpClass(cls)->None:print("类的开始")@classmethod......
  • Qt5编译qmqtt库使用MQTT协议连接华为云IOT完成数据上传与交互
    一、前言随着物联网技术的发展,越来越多的设备通过网络互相连接,形成了庞大的智能系统。这些系统能够收集、分析并响应各种数据,从而实现自动化控制和智能化管理。在这个背景下,MQTT成为了一个广泛使用的轻量级消息传输协议,特别适用于资源受限的环境,如移动应用或远程传感器网......