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

微信小程序 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)

   }

  })

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

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

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

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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序 # wx.uploadFile # wx.uploadFile无法上传怎么办 # wx.uploadFile无法上传解决办法 # 微信小程序开发（二）图片上传+服务端接收详解 # 微信小程序实现上传图片功能 # 微信小程序上传图片功能（附后端代码） # 微信小程序多张图片上传功能 # 微信小程序上传图片到服务器实例代码 # 微信小程序实现文件、图片上传功能 # 微信小程序实现图片上传、删除和预览功能的方法 # 微信小程序图片选择、上传到服务器、预览（PHP）实现实例 # 微信小程序中上传图片并进行压缩的实现代码 # 微信小程序实现上传视频功能 # 上传 # 的是 # 第三方 # 就可以 # 上传文件 # 是一个 # 我是 # 我也 # 抱着 # 用了 # 希望能 # 可以直接 # 谢谢大家 # 硬着头皮 # 表单 # 解压缩 # 解决办法 # 传了 # 多做 # 服务端

返回目录在线咨询

上一篇：Golang如何实现基本的用户注册_Golang用户注册表单处理示例
下一篇：建站之星技术支持如何修改模板？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求