uniapp使用async,swait上传多张图片到后端,拿到后端的返回路径存进属性中,并区分本地路径和后端网络路径

 直接上代码

// 根据src的开头来判断这个是本地图片还会要上传的文件
			uploadImg(imgFiles) {
				let submitFiles = [] //要上传的文件
				let oldImgList = [] //不需要上传的文件
				imgFiles.map(item => {
					// 要上传的
					if (this.strOutset(item.src) < 0) {
						submitFiles.push(item)
					} else {
						oldImgList.push(item.src.split(this.address)[
							1])
					}
				})
				console.log('要上传的', submitFiles, '不需要上传的', oldImgList);
				return new Promise((resolve, reject) => {
					// 先判断有没有要上传的文件和老值
					// 有要上传的先上传
					if (submitFiles && submitFiles.length) {
						uni.uploadFile({
							url: `${this.address}/file/fileUploadList`,
							files: submitFiles,
							name: 'file',
							header: {
								"Authorization": `Bearer ${uni.getStorageSync('userInfo').token}`
							},
							success: (res) => {
								// 如果有老的提取出路径并拼接
								let imgSrc = oldImgList.length ?
									`${oldImgList.join(';')};${JSON.parse(res.data).obj}` :
									JSON
									.parse(res.data).obj
								resolve(imgSrc)
							}
						})
					} else {
						// 没有要上传的直接提取出路径(可能要删除最后一个;)
						resolve(oldImgList ? oldImgList.join(';') : '')
					}
				})
			},
			// 判断开头
			strOutset(str) {
				let res = str ? str.indexOf(this.address) : ''
				return res
			},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值