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

在微信小程序开发过程中，`wx.uploadFile` 是用于上传文件的核心接口，但有时开发者可能会遇到无法上传的问题。本文主要探讨了如何解决微信安卓客户端使用 `wx.uploadFile` 时遇到的上传失败问题。 问题可能源于微信小程序的限制或者与服务器的交互问题。在微信安卓客户端中，`wx.uploadFile` 可能由于特定原因导致上传失败。为了解决这个问题，一种常见的解决方案是借助第三方存储服务，如七牛云存储。 1. **配置第三方存储域名**： 在使用第三方存储服务前，需要将其上传域名添加到微信小程序的合法域名列表中。例如，若选择七牛云，需要将七牛华东区的上传域名 `https://up.qbox.me` 添加到小程序的后台配置中。 2. **获取上传凭证**： 为了在七牛云上传文件，需要一个上传凭证（token）。这个凭证需要在服务端生成，并通过 `wx.request` 发送到客户端。在服务端部署获取token的业务代码，确保客户端能够正确请求并接收token。 ```javascript 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赋值给已有的属性 }, fail: function(res) { console.log(res) } }) ``` 3. **使用 `wx.uploadFile` 上传文件**： 获取到token后，可以使用 `wx.uploadFile` 接口进行文件上传。设置好文件路径（filePath）、文件名（name）以及上传凭证（formData.token），并可以通过 `formData.key` 设置上传后的文件名。 ```javascript var that = this; var key = Math.random().toString(36).substr(2); // 生成随机文件名 wx.uploadFile({ url: 'https://up.qbox.me', filePath: file, name: 'file', formData: { 'token': that.token, // 上传凭证 'key': key // 文件名 }, success: function(r) { var data = r.data; // 解析七牛返回的JSON数据 if (data.key) { // 文件上传成功，可以使用data.key } }, fail: function(res) { console.log(res) } }) ``` 4. **处理成功与失败的回调**： `success` 回调中处理文件上传成功的情况，而 `fail` 回调则用于处理上传失败的情况。根据返回的数据进行相应的错误处理和日志记录。 5. **第三方存储服务的优势**： 使用七牛、又拍云、万象优图等第三方存储服务的优点在于它们通常提供免费空间，并且有成熟的API和文档支持。这种方法不仅能解决当前的上传问题，也为后续的文件管理提供了便利。 当微信小程序的 `wx.uploadFile` 遇到上传问题，尤其是安卓客户端时，采用第三方存储服务是一种有效且常见的解决方案。通过配置合法域名，获取上传凭证，以及正确使用 `wx.uploadFile` 接口，可以顺利实现文件上传。同时，利用第三方服务可以提升应用的稳定性和扩展性，为开发者带来更多的可能性。