手机使用uploadTask配合progress 进度条无法加载进度条问题
483 浏览2023年03月03日作者:yzxj

图一是工具正常

图二是手机异常了

<progress :percent="percent" stroke-width="15" active="true" ></progress>
			<view style="color: #fff;"> {{num}}%</view>

mentouSelect(e){
				var _self = this;
				// console.log(e)
				if(e.tempFilePaths&&e.tempFiles){
					console.log(e.tempFilePaths.length)
					let counts = 0;
					for (let i=0;i<e.tempFilePaths.length;i++) {
						counts ++;
						// console.log(i)
						// console.log(e.tempFilePaths[i],"--",counts)
					
						var uploadTask = uni.uploadFile({
							url: 'https://missasia.sowho.net.cn/api.php/cms/uploadimage?r='+i, //仅为示例,非真实的接口地址
							// url: 'http://tv.top/api.php/cms/testupload??r='+i, //仅为示例,非真实的接口地址
							filePath: e.tempFilePaths[i],
							name: 'file',
							success: (result) => {
								// console.log(result)
								// console.log(res);
								
								if(result.statusCode==200){
									if(this.pic){
										this.pic =  this.pic+","+result.data
									}else{
										this.pic =  result.data
									}
								}
							}
						});
						uploadTask.onProgressUpdate((res) => {
							_self.percent = res.progress;
							_self.num = res.progress;
							
							console.log('上传进度' + res.progress);
							console.log('已经上传的数据长度' + res.totalBytesSent);
							console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);
				
							// 测试条件,取消上传任务。
							// if (res.progress > 50) {
							// 	uploadTask.abort();
							// }
						});
						
					}
				}
			},
最后一次编辑于 2023 年 03 月 03 日
4 条评论

相关文章

专题推荐

热门文章

热门问答