uni-app上传多图

落日映苍穹つ 2023-06-22 03:23 3阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70][]

.flex{display: flex;justify-content: center;align-items: center;}
    	.evaluate_five{justify-content: flex-start;flex-wrap: wrap;}
    	.evaluate_five>view{width: 158rpx;height: 158rpx;border:1px solid rgba(204,204,204,1);margin-right: 20rpx;margin-bottom: 20rpx;padding: 10rpx;}
    	.evaluate_five>view:nth-child(4n){margin-right: 0;}
    	.evaluate_five image{max-width: 100%;max-height: 100%;}
    	.evaluate_five_cents{position: relative;}

choose_image(){
    				let that=this;
    				uni.chooseImage({
    				    count: 6, //最大上传6张
    				    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
    				    sourceType: ['album'], //从相册选择
    				    success: function (res) {
    						console.log("图片路径",res);
    						if(res.tempFilePaths.length>6){
    							uni.showToast({
    								icon:'none',
    								title: '最多上传6张图片',
    								duration: 2000
    							});
    						}else{
    							uni.showLoading({
    							    title: '上传中'
    							});
    							for(let k=0;k<res.tempFilePaths.length;k++){
    								// 上传评价图片
    								uni.uploadFile({
    									url: that.url_href+'/index/index/image',
    									filePath: res.tempFilePaths[k],
    									name: 'file',
    									fileType: 'image',
    									success: (uploadFileRes) => {
    										console.log("上传成功",uploadFileRes);
    										let url_href=that.url_href+JSON.parse(uploadFileRes.data).url;
    										that.image_array.push(url_href);
    										if(that.image_array.length==res.tempFilePaths.length){
    											 uni.hideLoading();
    										}
    									}
    								});
    							}	
    						}
    				    }
    				});
    			},

如果有帮到你的话，欢迎激励一下作者。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191213164812587.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210308154227667.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc=,size_16,color_FFFFFF,t_70