微信小程序开发遇到无法上传解决办法详解

本篇文章讲述了微信小程序开发遇到无法上传解决办法，9来源gaodai#ma#com搞@代~码$网搞gaodaima代码大家对微信小程序开发遇到无法上传解决办法不了解的话或者对微信小程序开发遇到无法上传解决办法感兴趣的话那么我们就一起来看看本篇文章吧， 好了废话少说进入正题吧！

主要需要的就是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)   }  })

最终采用这种方式解决了安卓无法上传文件的问题，当然上传自身服务器的问题还是有待解决。

不过对于急需解决方案的开发者还是提供了一个可行的方案。

现在利用第三方图源或存储源是一个普遍的方案，很多存储源例如七牛，又拍云，万象优图都提供了免费的空间供开发者使用。

建议大家也多做这方面的架构和尝试。

相关推荐：

微信小程序开发中的Post请求详解

微信小程序实现下拉加载和上拉刷新详细讲解

以上就是微信小程序开发遇到无法上传解决办法详解的详细内容，更多请关注搞代码gaodaima其它相关文章！

喜欢 (0)赏

[搞代码]

分享 (0)