记 微信小程序开发中遇到的坑之 wx.uploadFile 的?¤§??????????????? 编码问题(功夫不负有心人)

最新推荐文章于 2023-10-30 10:47:35 发布
最新推荐文章于 2023-10-30 10:47:35 发布
阅读量494 收藏 1
点赞数 2
分类专栏： 微信小程序 文章标签： 微信小程序 upload 上传文件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/b_e_w/article/details/89422873
版权

最近弄微信小程序，在上传图片的时候 遇到了一个编码问题后台拿到的json里中文都变成了

? ¤§??????????????? 

于是乎使出百般解数诸如此类

又或者修改Tomcat配置加上URIEncoding="UTF-8"

等等都没有用

还是感谢这位博主大大https://blog.csdn.net/futurewu/article/details/53436222强势分析一波 在formdata处进行encodeURI在后台再URLDecoder即可

 

效果图如下

b_e_w
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
详解微信小程序 wx.uploadFile 的编码坑
08-31
编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息，本篇文章主要介绍了微信小程序 wx.uploadFile 的编码坑，有兴趣的可以了解一下。
微信小程序使用uploadFile()上传/提交文件时,文件名为乱码/微信临时文件名的解决方案
最新发布
2301_80053431的博客
06-07 298
腾讯把本地文件复制到了自己的临时文件夹,然后再用于上传,所以上传之后,找不到原始文件名,所以这时候用formData在额外送一个就行了
小程序wx.uploadFile出现中文无法上传或者出现乱码
It_BeeCoder的博客
07-16 5665
各位同学小程序中碰到上传图片或者文件时有用到formData的formDataObject否HTTP 请求中其他额外的 form data出现中文无法上传或者出现乱码时可以参考一下这篇跳坑指南微信小程序联盟-uploadFile跳坑指南 里面讲的很 ... 各位同学小程序中碰到上传图片或者文件时有用到formData的  formData
小程序开发踩坑记录（二）——wx.chooseImage上传图片路径乱码
王小烦的博客
04-09 2687
①问题描述 开发者工具中，使用wx.chooseImage配合wx.uploadFile上传图片时，获取到的filepath中图片的路径、文件名混乱切存在多个“.”，造成后台无法解析存储从而报错。 ②解决方法 在手机上测试，若手机上可正常使用即可 ③总结 猜测为api对手机端的路径处理方式在开发者工具中被用来解析pc的文件路径造成乱码，再遇此类问题，可以考虑换手机端测试 ...
小程序上传图片接口获取数据有乱码
weixin_44908506的博客
04-12 2197
微信小程序之踩坑之旅一，wx.request 和 wx.uploadFile
03-29
微信小程序公测也有段时间了，但是里面的坑踩了一个又一个，心也是够累的。本文说说关于 wx.request 和 wx.uploadFile 对请求响应的不同表现。 wx.request 使用 wx.request 发出请求，在对接口的响应做处理时，官方...
微信小程序 wx.uploadFile 的编码坑跳坑记录
03-29
编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息．然而在编写过程中，由于官方的 demo 和文档描述很少，在几个坑上耗费了不少时间． 这里分享一个和编码有关的坑，主要是由于真机预览时 formData 中...
微信小程序 wx.request 和 wx.uploadFile请求/上传封装，JSEncrypt加密字符串超长采用分段加密
06-12
在微信小程序开发中，安全是至关重要的一个环节，特别是在数据传输过程中。`wx.request` 和 `wx.uploadFile` 是微信小程序内置的API，用于发送HTTP请求和上传文件，但它们在处理敏感信息时可能面临安全风险。为了...
微信小程序 wx.uploadFile无法上传解决办法
01-19
微信小程序 wx.uploadFile无法上传解决办法 微信安卓客户端无法使用wx.uploadFile上传文件的问题有不少开发者都遇到。 我也因为一直不能解决，硬着头皮提交审核最后被拒（抱着审核者最好用iOS检测的心态，不巧审核...
微信小程序从服务器端接收图片乱码的解决方案
lindali1115的博客
11-04 2646
1.调用后端给我的下载图片的接口，获得二进制流文件 2.在网上寻找解决方案的时候，得知那串乱码是arrayBuffer，所以我在发送请求的时候把默认 /** * 生成二维码 */ createQr:function(){ return new Promise((resolve, reject) => { let qrData = { width:225, content:this.data.actDetail.mtitle
用fileupload组件上传文件出现乱码解决方法
zsw4522006的博客
03-30 1067
用fileupload组件上传文件出现乱码解决方法www.yjyunda.com/art  2006-5-20  星语文章我们用apache的fileupload组件上传文件,如果不做任何出理,通常会出现文件名乱码或普通text文本框值的乱码,那么,我们该如何处理呢?其实,fileupload组件提供了一个设置编码的接口,在没有指定编码时使用系统缺省的encoding,如果需要使用gbk,可以使用...
微信小程序 wx.uploadFile 的编码坑
It_BeeCoder的博客
07-16 999
From:http://blog.csdn.net/futurewu/article/details/53436222 转载一篇关于小程序往服务器上传图片和文本信息的博文吧，个人感觉很有帮助！因为之前我自己不知道在小程序中怎么把图片和文本信息同时上传到服务器，看了这篇博文后，才知道文本信息是需要添加到 formData:中进行传递。 编写微信小程序时，用到 wx.uploadFil
【详解微信小程序 wx.uploadFile 的编码坑】
jerly1943的博客
10-30 2533
但是都没有什么效果，依然是在微信小程序工具中有效，而手机真机预览的时候出现乱码．在看到这篇帖子 【新手跳坑指南《三十九》wx.uploadFile】 才知道header 里的数据在真机预览的时候是无效的，需要改到 formData 中，受到了启发，尝试将编码数据加入formData 中，但仅仅传输了数据，并没有改变编码．依然是小程序开发工具中调试成功，而真机预览出了问题，这个估计要微信团队来回答了。编码有问题，那么就尝试改变它的编码进行传输， uploadFile 的参数中加入。
小程序php返回中文乱码,小程序wx.uploadFile出现中文无法上传或者出现乱码
weixin_39916479的博客
03-10 1345
各位同学小程序中碰到上传图片或者文件时有用到formData的formData Object 否 HTTP 请求中其他额外的 form data出现中文无法上传或者出现乱码时可以参考一下这篇跳坑指南微信小程序联盟-uploadFile跳坑指南里面讲的很详细了，这里归纳一下，解决方法：在formData中对文字进行编码，使用encodeURI()wxml中例：formData: {name:enco...
微信小程序 上传文件response的内容返回格式需要转变为json对象
q1ngqingsky的博客
07-20 1189
// 上传文件： uploadFile(e) { let _this = this; wx.chooseMessageFile({ count: 5, type: 'image', success (res1) { const tempFiles = res1.tempFiles wx.uploadFile({ url: config.baseUrl + 'upl.
如何使用wx.uploadFile接口上传文件？
04-01
1. 首先，需要引入微信小程序的API，可以在页面的js文件中添加以下代码： ```javascript const wx = require('weixin-js-sdk'); ``` 2. 在需要上传文件的事件处理函数中，调用wx.uploadFile接口。该接口需要传入一...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值