uniapp框架下H5上传文件

　　背景：
　　在uniapp 开发中，uni.chooseImage  选择文件进行上传到服务器。在app plus 的情况加可以使用uni.uploadFile 。但是在H5 的条件下选择文件的格式为blob:file:///1234567777 ，没有办法使用uni.uploadFile 。目前可以使用XMLHttpRequest 上传。/**  * H5上传文件  * @param {Object} url 请求地址  * @param {Object} fData formData对象，里面可以传递file  * @param {Object} header 请求头  */ export function httpPostFile(url, fData, header) {	   return new Promise((resolve, reject) => {     var xhr = new XMLHttpRequest()     var surl = url;     xhr.open(＂POST＂, surl, true);     xhr.onload = function(e) {       console.log(＂上传成功＂, e); //上传成功              let response = JSON.parse(e.currentTarget.response)       resolve(response); //获取服务端传过来的文件地址     };          xhr.setRequestHeader(＂enctype＂, ＂multipart/form-data＂);     if(header) {       for(let key in header) {         xhr.setRequestHeader(key, header[key]);       }     }     xhr.send(fData)   }); }
　　@RequestMapping(value=＂/upload＂, method = {RequestMethod.POST}) @ResponseBody public Result upload(@RequestParam MultipartFile[] file){     return fileUploadBizcService.upload(file); }  //通过 request.getParameter 获取参数 ... this.tableName = request.getParameter(＂tableName＂); chooseImage() {   let that = this   uni.chooseImage({     count: 6, //默认9     sizeType: [＂original＂, ＂compressed＂], //可以指定是原图还是压缩图，默认二者都有     sourceType: [＂album＂], //从相册选择     success: function (res) {					       res.tempFiles.map(file => {         if(!file.path) {           that.uploadH5(file)         }       })     }   }); }, uploadH5(fileItem) {         let header = {}			     let url = this.appUrl + ＂/mobile/app/upload＂      let formData = new FormData()	     formdata.append(＂file＂, fileItem)     formdata.append(＂tableName＂, ＂xxx＂)			     		     api.h5UploadFile({url: url, formData: formData, header: header})     .then(e => {               //上传成功     })   }