uniapp上传图片显示进度

uniapp上传图片，官方文档写的比较清楚，此处笔记是因为客户特殊要求，上传提示进度条，查到方法特此笔记。

1uploadImg(){
2	var _self = this;
3	uni.chooseImage({
4		count: 1,
5		sizeType:['copressed'],
6		success:(res) =>{
7			console.log(res)
8			//因为有一张图片， 输出下标[0]， 直接输出地址
9			 var imgFiles = res.tempFilePaths[0]
10			 console.log(imgFiles)
11			 _self.imgUrl = imgFiles;
12			 // 上传图片
13			 // 做成一个上传对象
14			 var uper = uni.uploadFile({
15				 // 需要上传的地址
16				 url:'http://192.168.0.15:8080/gas-site-admin/store/store/uploadFile',
17				 // filePath  需要上传的文件
18				 filePath: imgFiles,
19				 name: 'file',
20				 success(res1) {
21					 // 显示上传信息
22					 console.log(res1)
23					 if(res1.statusCode == 200){
24						 uni.showToast({
25							icon:'success',
26							title:'上传成功'
27						 })
28						 console.log('上传路径是：'+res1.data)
29					 }
30				}
31			 });
32			 // onProgressUpdate 上传对象更新的方法
33			 uper.onProgressUpdate(function(res){
34				 // 进度条等于 上传到的进度
35				 _self.percent = res.progress
36				 console.log('上传进度' + res.progress)
37				 console.log('已经上传的数据长度' + res.totalBytesSent)
38				 console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend)
39			 })
40		} 
41	})
42}