uni-app 中h5图片上传的问题

  解决H5上传的问题  

<view class="line1" >
                <text @click="preview" >头像</text>
                
                <image src="../../static/images/toppic.png" @click="upload" mode="widthFix"></image>
                
                <image src="../../static/index/jiantou.png" mode="widthFix"></image>
            </view>

 upload : function(){
               let _self = this;
               uni.chooseImage({
                count: 1,
                sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album'], //从相册选择
                success: function (res) {
                 const tempFilePaths = res.tempFilePaths;
                 console.log( tempFilePaths[0]);
                 
                 const uploadTask = uni.uploadFile({
                     
                  url : '/api/index/Upload/appUpload',   // 你的后台图片上传接口   /api/ 是代理的路径
                  
                  filePath: tempFilePaths[0],
                  name: 'file',
                  formData: {
                   'user': 'test'
                  },
                  success: function (uploadFileRes) {
                      console.log("成功了")
                   console.log(uploadFileRes.data);     //返回接口中的图片上传成功信息
                  }
                 });
             
             //监听滚动条
                 uploadTask.onProgressUpdate(function (res) {
                  _self.percent = res.progress;
               console.log('上传进度' + res.progress);
                  console.log('已经上传的数据长度' + res.totalBytesSent);
                  console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);
                 });
                },
                error : function(e){
                 console.log(e);
                }
               });
              },

 

希望对能帮上大家的忙！