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

最新推荐文章于 2024-06-07 14:19:58 发布
原创 最新推荐文章于 2024-06-07 14:19:58 发布 · 683 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #upload #上传文件

部署运行你感兴趣的模型镜像

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

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

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

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

等等都没有用

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

 

效果图如下

您可能感兴趣的与本文相关的镜像

Seed-Coder-8B-Base

Seed-Coder-8B-Base

文本生成
Seed-Coder

Seed-Coder是一个功能强大、透明、参数高效的 8B 级开源代码模型系列，包括基础变体、指导变体和推理变体，由字节团队开源

详解微信小程序 wx.uploadFile 的编码坑
11-28
编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息．然而在编写过程中，由于官方的 demo 和文档描述很少，在几个坑上耗费了不少时间． 这里分享一个和编码有关的坑，主要是由于真机预览时 formData 中的非字母、数字的 ASCII 编码的字符如中文、泰文传输到服务端将不会自动进行转码码，并会会产生乱码及溢出，从而导致错误。 微信的 uploadFile 类似与 html 中的form带文件上传的表单 ( enctype=”multipart/form-data” ), 这样 post 上传的表单，可以包含文件，同时包含其它的键值数据。微信小程序用 uploadFil
微信小程序 wx.request 和 wx.uploadFile请求/上传封装，JSEncrypt加密字符串超长采用分段加密
06-12
在微信小程序开发中，安全是至关重要的一个环节，特别是在数据传输过程中。`wx.request` 和 `wx.uploadFile` 是微信小程序内置的API，用于发送HTTP请求和上传文件，但它们在处理敏感信息时可能面临安全风险。为了...
小程序wx.uploadFile出现中文无法上传或者出现乱码
03-29
各位同学小程序中碰到上传图片或者文件时有用到formData的  formData Object 否 HTTP 请求中其他额外的 form data  出现中文无法上传或者出现乱码时可以参考一下这篇跳坑指南微信小程序联盟-uploadFile跳坑指南  里面讲的很详细了，这里归纳一下，解决方法：  在formData中对文字进行编码，使用encodeURI()  wxml中例：   formData: { name:encodeURI(name), address:encodeURI(address), }, // HTTP 请求中其他额外的 form data 上网搜了很多：  UrlEnc
微信小程序 wx.uploadFile 的编码坑
It_BeeCoder的博客
07-16 1142
From:http://blog.csdn.net/futurewu/article/details/53436222 转载一篇关于小程序往服务器上传图片和文本信息的博文吧，个人感觉很有帮助！因为之前我自己不知道在小程序中怎么把图片和文本信息同时上传到服务器，看了这篇博文后，才知道文本信息是需要添加到 formData:中进行传递。 编写微信小程序时，用到 wx.uploadFil
精选资源
微信小程序之踩坑之旅一，wx.request 和 wx.uploadFile
03-29
微信小程序公测也有段时间了，但是里面的坑踩了一个又一个，心也是够累的。本文说说关于 wx.request 和 wx.uploadFile 对请求响应的不同表现。 wx.request 使用 wx.request 发出请求，在对接口的响应做处理时，官方...
微信小程序 wx.uploadFile无法上传解决办法
08-31
在微信小程序开发过程中，`wx.uploadFile` 是用于上传文件的核心接口，但有时开发者可能会遇到无法上传的问题。本文主要探讨了如何解决微信安卓客户端使用 `wx.uploadFile` 时遇到的上传失败问题。 首先，问题可能...
微信小程序使用uploadFile()上传/提交文件时,文件名为乱码/微信临时文件名的解决方案
2301_80053431的博客
06-07 2257
腾讯把本地文件复制到了自己的临时文件夹,然后再用于上传,所以上传之后,找不到原始文件名,所以这时候用formData在额外送一个就行了
用fileupload组件上传文件出现乱码解决方法
zsw4522006的博客
03-30 1207
用fileupload组件上传文件出现乱码解决方法www.yjyunda.com/art  2006-5-20  星语文章我们用apache的fileupload组件上传文件,如果不做任何出理,通常会出现文件名乱码或普通text文本框值的乱码,那么,我们该如何处理呢?其实,fileupload组件提供了一个设置编码的接口,在没有指定编码时使用系统缺省的encoding,如果需要使用gbk,可以使用...
微信小程序wx.uploadFile的两个坑
流氓兔
10-23 3277
setImage:function(e){ var _this = this　　//坑1 wx.chooseImage({ count: 1, sizeType: [‘original’, ‘compressed’], sourceType: [‘album’, ‘camera’], success: function (res) { var tempFilePaths = res.tempFil...
小程序wx.uploadFile 返回的字符串带引号——排坑！！！
仙_
12-25 3521
这是一个气的差点吐血的坑 先说一下问题和解决方案吧 问题：wx.uploadFile后台不管返回什么类型都会自带引号 解决：JSON.parse(res.data)     来 同学们请看 这是一个string类型返回值，一直以为是我后台有问题，然而通过各种调试，后台是没问题的 BUT，前端那边显示的就是一个带引号的值 咦，老铁，好像没什么问题啊，字符串带引号不是合情合理的...
小程序php返回中文乱码,小程序wx.uploadFile出现中文无法上传或者出现乱码
weixin_39916479的博客
03-10 1554
各位同学小程序中碰到上传图片或者文件时有用到formData的formData Object 否 HTTP 请求中其他额外的 form data出现中文无法上传或者出现乱码时可以参考一下这篇跳坑指南微信小程序联盟-uploadFile跳坑指南里面讲的很详细了，这里归纳一下，解决方法：在formData中对文字进行编码，使用encodeURI()wxml中例：formData: {name:enco...
小程序开发踩坑记录（二）——wx.chooseImage上传图片路径乱码
王小烦的博客
04-09 2953
①问题描述 开发者工具中，使用wx.chooseImage配合wx.uploadFile上传图片时，获取到的filepath中图片的路径、文件名混乱切存在多个“.”，造成后台无法解析存储从而报错。 ②解决方法 在手机上测试，若手机上可正常使用即可 ③总结 猜测为api对手机端的路径处理方式在开发者工具中被用来解析pc的文件路径造成乱码，再遇此类问题，可以考虑换手机端测试 ...
小程序上传文件 wx.chooseMessageFile
Hero_rong的博客
02-22 1万+
小程序是没有直接从手机里面选文件这个功能的，只有从微信聊天记录里面选 用的是这个方法wx.chooseMessageFile（） （官方文档戳这里） wx.chooseMessageFile({ count: 10, type: 'file', success(res) { console.log(res); } }) ...
小程序上传图片接口获取数据有乱码
weixin_44908506的博客
04-12 2390
wx.chooseMessageFile ，微信小程序上传文件word，excel
热门推荐
zjy660358的专栏
07-30 1万+
chooseMessageFile: function (e) { var that = this; wx.chooseMessageFile({ count: 1, type: 'file', success(res) { var filename = res.tempFiles[0].name console...
wx.chooseMessageFile小程序文件上传，小程序开发工具上可正常使用，手机上上传显示无内容
Menqq的博客
12-12 2942
wx.chooseMessageFile小程序文件上传，小程序开发工具上可正常使用，手机上上传显示无内容
微信小程序开发中，如何处理wx.request和wx.uploadFile接口响应的差异，并确保在开发者工具与手机预览中行为一致？
最新发布
11-07
在微信小程序开发过程中，处理`wx.request`和`wx.uploadFile`接口响应的差异是一个常见的挑战。开发者经常需要在不同的环境下测试，以确保功能的一致性。`wx.request`主要发起HTTP请求，返回的数据通常包含`data`和`statusCode`，而`wx.uploadFile`专注于文件上传，其回调机制与`wx.request`略有不同，且在不同环境下的表现也可能不同。 参考资源链接：[微信小程序wx.request与uploadFile请求误区与差异探析](https://wenku.csdn.net/doc/6412b5d3be7fbd1778d44884?spm=1055.2569.3001.10343) 为了解决这一问题，开发者应该首先阅读官方文档，并通过实践来理解这两个接口的特性。使用`wx.request`时，应当注意无论HTTP状态码如何，`success`回调都可能被触发，因此需要在`success`中检查`statusCode`以及响应数据的有效性。而`wx.uploadFile`在`success`回调中通常表示文件上传成功，状态码为200，而其他状态码则会触发`fail`回调。 此外，开发者可以利用微信小程序提供的开发者工具进行模拟测试，并在真实的手机设备上进行预览测试，以发现和调试在不同环境下可能出现的问题。例如，可以设置断点，检查请求和响应数据，确保在不同环境下接口返回的HTTP状态码和响应数据一致。 开发者工具与手机预览环境的不一致性，可能需要开发者根据经验手动调试。开发者可以在微信开发者社区交流，寻找已知的不一致性和解决方案。同时，监控微信官方的更新日志，及时了解官方是否提供了改进或修复。 最后，推荐参考《微信小程序wx.request与uploadFile请求误区与差异探析》这份资料。资料中详细探讨了`wx.request`与`wx.uploadFile`之间的差异，并提供了一些实用的案例分析，帮助开发者理解这些接口的行为，并提供策略来确保接口在不同环境下的行为一致性。通过这份资料的学习，开发者可以更有效地管理和应对接口响应的差异，优化小程序的网络请求处理逻辑。 参考资源链接：[微信小程序wx.request与uploadFile请求误区与差异探析](https://wenku.csdn.net/doc/6412b5d3be7fbd1778d44884?spm=1055.2569.3001.10343)
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值