E企盈营销工具技术服务商 热线:4006-838-530

微信小程序wx.uploadFile无法上传解决办法

E企盈直播平台营销卖货系统

微信小程序 wx.uploadFile无法上传解决办法微信安卓客户端无法使用wx.uploadFile上传文件的问题有不少开发者都遇到。我也因为一直不能解决,硬着头皮提交审核最后被拒(抱着审核者最好用iOS检测的心态,不巧审核我应用的用的是安卓),才尝试使用第三方的手段解决。最终我是用了七牛第三方存储的方式,将文件直接上传至七牛的储存的空间上再回调使用。当然像又拍云,万象优图这些第三方存储源都可以采用这种思路。首先是将七牛的https上传域名放进小程序的域名名单中。这里我使用的是七牛华东区的域名https://up.qbox.me。微信小程序wx.uploadFile采用的是multipart/form-data方式上传,即表单上传。根据七牛的官方文档说明 http://developer.qiniu.com/docs/ … up/form-upload.html主要需要的就是file(文件本身)和token(上传凭证)。然后在服务端部署获取上传凭证的业务代码,通过wx.request请求获取token。var that = this; wx.request({  url: ‘https://xxx/token’,  method: ‘POST’,  data: {},  header: {   ‘content-type’:’application/x-www-form-urlencoded’  },  success: function(res) {    that.token = res.data; //默认返回一个token,赋值给已经有的token属性。这里只是示例,具体根据需求可自行设定。  },  fail:function (res) {   console.log(res)  } }) 具体如何部署七牛凭证代码,可参考http://78re52.com1.z0.glb.cloudd … %9C%8D%E5%8A%A1.pdf获得凭证后就可以通过wx.uploadFile上传了。具体代码为:var that = this;  var key = Math.random().toString(36).substr(2); //生成一个随机字符串的文件名  wx.uploadFile({   url: ‘https://up.qbox.me’,   filePath: flie,   name: ‘file’,   formData:{    ‘token’: that.token,//刚刚获取的上传凭证    ‘key’: key//这里是为文件设置上传后的文件名   },   success: function(r){    var data = r.data;//七牛会返回一个包含hash值和key的JSON字符串    if(typeof data===’string’)data = JSON.parse(data.trim());//解压缩    if(data.key){     … //这里就可以直接使用data.key,文件已经上传成功可以使用了。如果是图片也可以直接通过image调用。    }   },   fail:function (res) {    console.log(res)   }  })最终采用这种方式解决了安卓无法上传文件的问题,当然上传自身服务器的问题还是有待解决。不过对于急需解决方案的开发者还是提供了一个可行的方案。现在利用第三方图源或存储源是一个普遍的方案,很多存储源例如七牛,又拍云,万象优图都提供了免费的空间供开发者使用。建议大家也多做这方面的架构和尝试。 感谢阅读,希望能帮助到大家,谢谢大家对本站 的支持!本文原链接:http://www.jb51.net/article/100052.htm

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序wx.uploadFile无法上传解决办法
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏