小程序开发踩坑记录（二）——wx.chooseImage上传图片路径乱码

最新推荐文章于 2022-04-12 08:57:32 发布
最新推荐文章于 2022-04-12 08:57:32 发布
阅读量2.6k 收藏
点赞数
分类专栏： 小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43930186/article/details/89155594
版权

①问题描述

开发者工具中，使用wx.chooseImage配合wx.uploadFile上传图片时，获取到的filepath中图片的路径、文件名混乱切存在多个“.”，造成后台无法解析存储从而报错。

②解决方法

在手机上测试，若手机上可正常使用即可

③总结

猜测为api对手机端的路径处理方式在开发者工具中被用来解析pc的文件路径造成乱码，再遇此类问题，可以考虑换手机端测试

|Ekko|
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SundayAaron微信小程序开发——wx.showToast(OBJECT)的使用
03-29
wx.showToast API是显示消息提示框的作用。  先让我们看一下官方的文档说明：  (此图片来源于网络，如有侵权，请联系删除! ) 注意：其中的图标，只支持”success”、”loading” 示例代码： wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) 1 2 3 4 5 1 2 3 4 5 接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分。  (此图片来源于网络，如有侵权，请联系删除! )  添加两个按钮，同事添加点击事件。再在按钮上添加nav
小程序wx.uploadFile出现中文无法上传或者出现乱码
It_BeeCoder的博客
07-16 5536
各位同学小程序中碰到上传图片或者文件时有用到formData的formDataObject否HTTP 请求中其他额外的 form data出现中文无法上传或者出现乱码时可以参考一下这篇跳坑指南微信小程序联盟-uploadFile跳坑指南 里面讲的很 ... 各位同学小程序中碰到上传图片或者文件时有用到formData的  formData
微信小程序 wx.uploadFile 的编码坑
It_BeeCoder的博客
08-25 739
 编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息．然而在编写过程中，由于官方的 demo 和文档描述很少，在几个坑上耗费了不少时间． 这里分享一个和编码有关的坑，主要是由于真机预览时 formData 中的非字母、数字的 ASCII 编码的字符如中文、泰文传输到服务端将不会自动进行转码码，并会会产生乱码及溢出，从而导致错误。 微信的 uploadF
微信小程序之踩坑之旅一，wx.request 和 wx.uploadFile
03-29
微信小程序公测也有段时间了，但是里面的坑踩了一个又一个，心也是够累的。本文说说关于 wx.request 和 wx.uploadFile 对请求响应的不同表现。 wx.request 使用 wx.request 发出请求，在对接口的响应做处理时，官方提供了三个回调函数，分别是 success，fail，complete，看了官方文档，其实也很清晰什么时候用什么回调，在这里也不多赘述了。 wx.uploadFile 使用 wx.uploadFile 可以上传文件，并可以携带一些额外的信息，在对接口的响应做处理时，和 wx.request 一样，也提供了同样的三个回调函数，在官方文档中，其描述几乎
微信小程序踩坑系列——从wx.request谈谈异步处理
03-29
见到wx.request的第一眼，就让我想起了$.ajax这东西，使用起来确实有很多不方便，不能忍，幸好小程序是支持ES6语法的，所以可以使用promise稍加改造。 先来说说wx.request为什么不能忍。 铺垫：“看得见却抓不住“的异步请求 Page({ data: { myData: '' }, // loadMyData函数用于打印myData的值 loadMyData () { console.log('获取到的数据为：' + this.data.myData) }, // 生命周期函数onload用于监听页面加载 onload: fun
小程序: wx.uploadFile上传文件保持原文件名的方法
boomway的博客
08-07 5087
其实很简单: formData中携带文件名即可! 废放不说,上源码: 小程序端: js: uploadSendFile(file){ //file为通过wx.chooseMessageFile选中的文件 console.log('file:',file); wx.uploadFile({ filePath:file.path, name:'file', url:'http...
微信小程序wx.chooseImage选择图片并上传避坑/真机上传无效
YaWen的博客
07-19 8462
微信小程序选择本地图片或者相机拍照并上传服务器需要用到以下两个方法： 1.wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照 2.wx.uploadFile(Object object) 将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求，其中 content-type 为 multipart/form-data chooseImg() { const that = this; wx.chooseImage({ count
小程序上传图片接口获取数据有乱码
weixin_44908506的博客
04-12 2163
微信小程序从服务器端接收图片乱码的解决方案
lindali1115的博客
11-04 2515
1.调用后端给我的下载图片的接口，获得二进制流文件 2.在网上寻找解决方案的时候，得知那串乱码是arrayBuffer，所以我在发送请求的时候把默认 /** * 生成二维码 */ createQr:function(){ return new Promise((resolve, reject) => { let qrData = { width:225, content:this.data.actDetail.mtitle
详解微信小程序开发之——wx.showToast(OBJECT)的使用
01-20
wx.showToast API是显示消息提示框的作用。 先让我们看一下官方的文档说明： 注意：其中的图标，只支持”success”、”loading” 示例代码： wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) 接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分。   添加两个按钮，同事添加点击事件。再在按钮上添加navigator导航，链接到默认的日志页面。代码如下： <navigator url=../logs/logs> <but
wx上传下载文件
model2005的专栏
04-12 460
上传附件 bTapUpFile: function (e) { //上传附件文件 doc, xls, pdf let that = this; //var e.currentTarget.id; wx.chooseMessageFile({ count: 1, type: 'file', success(res) { const tempFilePaths = res.tempFiles; console.log...
小程序砖块（七）图片文件名字不能为中文！
阿则的博客
05-07 1494
图片文件名字为中文的话，开发者工具上没问题，到真机上图片不会显示
微信小程序常见问题->上传文件后如何在后台（php）获取文件名解决方法
FutrueJet的博客
11-28 1万+
微信小程序常见问题->上传文件后如何在后台（php）获取文件名解决方法
记 微信小程序开发中遇到的坑之 wx.uploadFile 的?¤§??????????????? 编码问题(功夫不负有心人)
b_e_w的博客
04-20 451
最近弄微信小程序，在上传图片的时候 遇到了一个编码问题后台拿到的json里中文都变成了 ? ¤§??????????????? 于是乎使出百般解数诸如此类 又或者修改Tomcat配置加上URIEncoding="UTF-8" 等等都没有用 还是感谢这位博主大大https://blog.csdn.net/futurewu/article/details/53436222强势分析一...
用fileupload组件上传文件出现乱码解决方法
zsw4522006的博客
03-30 1043
用fileupload组件上传文件出现乱码解决方法www.yjyunda.com/art  2006-5-20  星语文章我们用apache的fileupload组件上传文件,如果不做任何出理,通常会出现文件名乱码或普通text文本框值的乱码,那么,我们该如何处理呢?其实,fileupload组件提供了一个设置编码的接口,在没有指定编码时使用系统缺省的encoding,如果需要使用gbk,可以使用...
关于微信小程序选择文件名为临时乱码，问题解决
夜幕下的日蚀
03-15 1331
关于微信小程序选择文件名为临时乱码，问题解决 微信小程序加载图片及检索到图片名的解决方案 微信前端wxml文件中触发组件: <view catchtap="get_file">选择文件</view> 后台js文件中事件触发代码: get_file: function () { wx.chooseMessageFile({ count: 100, //最...
微信网页开发wx.chooseImage多图上传、预览（已解决）
热门推荐
王友前的博客
05-08 3万+
需求：1.调用微信jsSDK选图或者拍照（选图支持选多图）2.选图或者拍照后提供预览，但不把图片下载到服务器3.提交表单的时候再一并提交，把图片下载到服务器4.支持编辑页面删除已选图片（此图已经删除到微信服务器）5.回到数据列表页后，支持点击预览wx.previewImage我的思路（关于需求1、2、3）：1.需要初始化jsSDK。2.点击某个按钮，调用wx.chooseImage给用户展示选图、...
【微信小程序】wx.chooseImage方法Bug
IVanLyf的博客
07-10 1937
微信小程序wx.chooseImage方法会引发底层Bug 在微信小程序中调用wx.chooseImage方法选择图片，选择完图片之后页面会莫名的跳转，找了很久才发现原因。 研究发现调用wx.chooseImage方法之后会触发入口文件app.js中的onLaunch、onShow方法，然后再触发当前页面的onHide、onShow方法。逻辑如下： app.onLaunch(); app.onShow(); page.onHide(); page.onShow(); 这四个方法中肯定有业务逻辑，如果不做特

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值