| 小程序体验版跟测试版上传照片失败的问题 及图片上传的方法 | 您所在的位置：网站首页 › 头像显示无法查看的图片 › 小程序体验版跟测试版上传照片失败的问题 及图片上传的方法 |
小程序体验版跟测试版上传照片失败的问题 及图片上传的方法
|
小程序写了一个星期，马上要交付给客户，真机测试都没有问题后，提交体验版之后发现图片上传不上去，然后我就在网上找资料，总结以下几个原因： 1.先看服务器域名是否配置，uploadFile
2. 真机调试 不校验合法域名
3.把体验版的调试工具打开，看看是不是有报错
4.如果测试版小程序上传没有问题的话，以上三部解决后应该就可以了
这是我封装的上传照片的方法，仅供参考，因为小程序提供的api每次只能上传一张 所以要循环上传 //上传照片 bindUpload:function(e){ var that = this; var picLength = this.data.pic.length; var count = 9-picLength; if(count != 0){ wx.chooseImage({ count: count, success:function(res){ console.log(res); wx.showLoading({ title: '上传中...', }) const tempFilePaths = res.tempFilePaths; var i = 0;//第几张图片的index； var successImgCount = 0;//成功的图片数量； var failImgCount = 0;//失败的图片数量; var imgLength = res.tempFilePaths.length;//上传的图片长度； tempFilePaths.map(function(item,index){ that.data.pic.push(tempFilePaths[index]); }) that.setData({ pic:that.data.pic }); imageUp.uploadImg(that,tempFilePaths,successImgCount,failImgCount,imgLength,i); console.log(that.data.imgUrl) }, fail:function(res){ console.log(res); } }) }else { wx.showToast({ title: '最多上传9张照片', icon:"none" }) } }, var api = require("../config/api.config.js").api; //上传照片 function uploadImg(that,tempFilePaths,successImgCount,failImgCount,imgLength,i){ var that = that; // console.log(tempFilePaths); // console.log("上传成功照片："+successImgCount); // console.log("上传失败照片"+failImgCount); // console.log("图片长度"+imgLength); // console.log("上传第"+i+"张"); wx.uploadFile({ filePath: tempFilePaths[i], name: 'file', url: api.upload, formData: { file: '', filetype: 'image' }, success:function(res){ console.log(JSON.parse(res.data) ); if(res.statusCode == 200){//图片上传成功 ++successImgCount; that.data.imgUrl.push(JSON.parse(res.data).data.url) that.setData({ imgUrl:that.data.imgUrl }) }else{ wx.showModal({ title: '提示', content: res.data.msg, showCancel: false }) } }, fail:function(res){ console.log(res); wx.hideLoading(); ++failImgCount; }, complete:function(res){ console.log("上传成功照片："+successImgCount); console.log("上传失败照片"+failImgCount); console.log("图片长度"+imgLength); console.log("上传第"+i+"张"); i++; if(i == imgLength){ console.log("结束"); wx.hideLoading(); }else { uploadImg(that,tempFilePaths,successImgCount,failImgCount,imgLength,i); } } }) } module.exports = { uploadImg:uploadImg }
|
【本文地址】
公司简介
联系我们
| 今日新闻 |
| 推荐新闻 |
| 专题文章 |