详解微信小程序wx.uploadFile的编码坑-创新互联

编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息．然而在编写过程中，由于官方的 demo 和文档描述很少，在几个坑上耗费了不少时间．

这里分享一个和编码有关的坑，主要是由于真机预览时 formData 中的非字母、数字的 ASCII 编码的字符如中文、泰文传输到服务端将不会自动进行转码码，并会会产生乱码及溢出，从而导致错误。

微信的 uploadFile 类似与 html 中的form带文件上传的表单 ( enctype=”multipart/form-data” ), 这样 post 上传的表单，可以包含文件，同时包含其它的键值数据。微信小程序用 uploadFile 实现类似的操作． 我的微信小程序端的uploadFile 代码如下 :

wx.uploadFile({
      url: 'https:///save',
      filePath:photoPath,　//待上传的图片，由 chooseImage获得
      name:'food_image',
      formData: {
       latitude:0.0,
       longitude:0.0,
       restaurant_id:0,
       city:'北京',
       name:'beijing' // 名称
      }, // HTTP 请求中其他额外的 form data
      success: function(res){
       console.log("addfood success",res);
      },
      fail: function(res) {
       console.log("addfood fail",res);
      },
     })
},

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。