公众号开发之getLocalImgData兼容性问题

最新推荐文章于 2023-03-01 15:38:00 发布
最新推荐文章于 2023-03-01 15:38:00 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： JavaScript 公众号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42777688/article/details/103069705
版权

公众号开发之getLocalImgData兼容性问题

问题

最近开发公众号的时候遇到了很多坑所以记录一下
有个需求是用户选择图片后需要进行裁剪预览等功能所以找了很久发现还是直接用wexin_js_sdk比较方便下面简称sdk
一共用到了里面的三个接口chooseImage用来选择图片,previewImage用来预览图片getLocalImgData用来获取图片的base64
前两个API都没啥问题就是getLocalImgData这个API经过测试在开发工具和iOS上面是正常的但是在安卓上面获取到的base64是有问题的导致无法赋值给img标签也没办法转成File类型传给后台
经过一番查阅发现是由于安卓和iOS在微信内部的浏览器不一致导致的，经过验证安卓调getLocalImgData拿到的localData缺少data:image头部并且多了很多换行符

解决方案

有两种思路，一种是判断当前环境是IOS还是安卓但是这种方案比较麻烦点因为IOS有两种浏览器内核，第二种方案就是判断获取到的localData是否有data:image这个头部如果没有就加上

代码

window.wx.getLocalImgData({
   
    localId:
最低0.47元/天 解锁文章
YXGR
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信JS-SDK中getLocalImgData的坑
Jour的博客
10-19 2万+
经常开发微信web需求的童鞋对微信jssdk肯定不会陌生。但是里面的坑未必都踩过，特此分享这篇填坑教程，与大家共勉。 微信获取本地图片接口： wx.getLocalImgData({ localId: '', // 图片的localID success: function (res) { var localData = res.localData; // l
解决wx.getLocalImgData在安卓上的兼容问题
GoldenLegs的博客
01-15 5585
wx.getLocalImgData({ localId: '', // 图片的localID success: function (res) { var localData = res.localData; // localData是图片的base64数据，可以用img标签显示 } }); 在开发过程中，在IOS上得到的数据是一个图片的base64码，而在安卓机上得到的是没有头部的base64...
微信chooseImage，getLocalImgData调取相机拍照，获取图片base64
凌晨四点的_LA
11-10 1473
<a href="javascript:void(0)" onclick="use_wx_camera()">调取微信拍照</a> <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> wx.config({ debug : false, // 开启调试模式,调用的所有ap.
微信开发 关于wx.getLocalImgData那点事儿 已解决
热门推荐
冥界摄政王
07-27 3万+
最近公司开发微信公众平台，用到了微信的选择图片以及图片选择完成后再手机里预览的问题，一开始在安卓手机的时候很顺利，一直开发完成。挺高兴的，可是当我拿同事的iOS一看的时候，尼玛啊，图片是能选，可是预览不了啊 ，是空白的！！！！是空白的！！！！是空白的！！！！ 后来我一看api 还有一个接口wx.getLocalImgData 那么问题来了接口是有 可是怎么使用呢 捣鼓了半天 期间也遇...
微信开发 关于wx.getLocalImgData那点事儿 已解决！
wangmj518的专栏
03-03 1988
最近公司开发微信公众平台，用到了微信的选择图片以及图片选择完成后再手机里预览的问题，一开始在安卓手机的时候很顺利，一直开发完成。挺高兴的，可是当我拿同事的iOS一看的时候，尼玛啊，图片是能选，可是预览不了啊 ，是空白的！！！！是空白的！！！！是空白的！！！！ 后来我一看api 还有一个接口wx.getLocalImgData 那么问题来了接口是有 可是怎么使用呢 捣鼓了半天 期间也遇到各种...
.NET微信公众号开发之公众号消息处理
10-23
本文给大家讲述的是在.net微信公众号开发中的公众号的消息处理的相关内容，非常详细，有需要的小伙伴可以参考下。
php微信公众号开发之图片回复
10-17
主要为大家详细介绍了php微信公众号开发之图片回复，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
.NET微信公众号开发之创建自定义菜单
09-03
主要介绍了.NET微信公众号开发之创建自定义菜单的相关资料,需要的朋友可以参考下
php微信公众号开发之简答题
01-20
本文实例为大家分享了php微信公众号开发简答题的具体代码，供大家参考，具体内容如下 简答题 array(“第5页 第1个字” => “王”，”第8页 第1个字” => “李”，”第30页 第1个字” => “周”，) array_rand($...
微信jssdk接口wx.getLocalImgData
Edwina_byx的博客
03-01 1004
微信jssdk接口wx.getLocalImgData
开发者工具调用wx.getLocalImgData无效（无输出），手机调用debug模式无输出？
qq_45151414的博客
11-27 1068
wx.getLocalImgData进不去的原因？ 1.只能在微信上调用，浏览器无法调用微信接口。 2.jweixin-1.0.0.js无法使用getLocalImgData接口，换jweixin-1.2.0.js即可 3.在js==》wx.config==》jsApiList下需要加上[ ‘checkJsApi’,‘getLocalImgData’] 附加：wx.uploadImage图片上传只能在手机上面上传，否则上传上去只有1kb大小，且无法打开图片。 ...
uniapp引入jss-dk开发公众号H5上传多张图片之getLocalImgData的小坑
weixin_47330679的博客
07-27 1266
加粗样式getLocalImgData：在开发过程中，在IOS上得到的数据是一个图片的base64码，而在安卓机上得到的是没有头部的base64码，且其中可能会包含换行符。这里的解决方案，可能会想到先判断是否IOS机，然后如果是则直接保存和显示数据，否则就给他加头部和替代换行符。但是在判断IOS机的浏览器时又遇到了问题，那就是微信IOS客户端的浏览器有WKWebView和WKWebView两种并且他们获取的变量不一致。觉得这样操作实在太麻烦了，于是换了一种思路来解决，那就时判断获取到的图片数据是否有base
vue 微信公众号多图上传 无需后端去微信服务器下载 getLocalImgData不执行的解决办法
liuyueqi168的博客
03-31 826
微信公众号多图上传 无需后端去微信服务器下载 多图时候getLocalImgData不执行 我们知道安卓端微信公众号受内置浏览器限制；普通的UI框架每次只能上传一张照片，我先是使用了vant，很多安卓机不可使用，又局部注册element 然后改写他的方法也不可以实现多图上传； 然后只能乖乖使用微信js-sdk; 微信提供的思路就是 前端 选择图片 回显图片 图片上传到微信服务器 (保存3天) 后...
微信页面通过LocalID预览图片,getlocallmgdata
WEB-Yao
03-10 9060
使用chooseImage api返回的localld，getLocallmgData 使用中出现的bug,也许是我技术不够，只能想出这么样的方法供大家参考，如有更好方法，请指教
微信chooseImage getLocalImgData转base64 的问题
weixin_30496751的博客
08-11 614
最近使用微信的chooseImage　　上传到服务器读取文件的时候，发现使用getLocalImgData返回图片的base64，安卓下返回的不是base64，需要拼接成base64. wx.getLocalImgData({ localId: localIds, success: function(res) { var localData = ...
微信JSSDK chooseImage uploadImage 接口 在IOS与安卓的差异
ougexingfuba的博客
01-14 636
首先得说明我用的JSSDK版本是1.1.0的，官方文档也是给出1.1.0的例子。(目前查找了早期的跟新通知，已经知道了chooseImage在IOS下预览无效的问题的原因)这意味着只有IOS8以上的手机才能用这个本地图片接口，而以下的版本如果使用JSSDK1.2.0版本会导致无法获取图片数据，或者使用1.1.0又无法预览图片的尴尬场面,另外用了1.2.0版本后uploadImage会出现file not exists的错误那么，讲讲那些坑吧。
微信JSSDK上传图片功能
weixin_41552521的博客
01-07 2849
1、公众号开发集成微信JSSDK 登录公众平台 下载TXT文件放到域名根目录下 加入js安全域名 2、配置wxsdk集成到项目中 import wx from 'weixin-js-sdk'; // 生成签名 import { getWxSignature } from './../../api/member/commonApi'; const wxsdk = { /** * @pa...
微信公众号，图片处理遇到的问题
dfyh1993的博客
08-05 702
1. 图片接口 getLocalImgData 获取不到数据，通过微信开发工具查看原来是the permission value is offline verifying，没有权限 可是我已经在jsApiList中增加了getLocalImgData接口了，但是从config返回的授权列表中的确没有getLocalImgData权限，后来网上查找，是//res.wx.qq.com/open...
必踩坑！在微信sdk调用chooseImage获取图片后采取getLocalImgData转换base64
weixin_33896069的博客
06-19 1672
开发产品的第2阶段中，由于用户需要使用签到打卡的图片进行引导分享，在用户上传中针对图片进行压缩后返回调用，在此之前采用过canvase进行压缩，但项目时间紧迫需要进行一定的兼容和改善后就放弃了（代码健壮性必须要全面滴）！ 因为产品使用的是微信sdk，所以果断就调用内部接口进行处理！直接开门见山~ 一、配置环境的首要条件中引入微信sdk(必须在1.2版本或以上！) 二、在wx.config需要申明注...
微信公众号开发跨域问题
最新发布
04-24
微信公众号开发中，跨域问题是指在前端页面通过Ajax请求后端接口时，由于请求的域名与接口所在的域名不一致，导致浏览器拒绝发送请求的情况。为了解决这个问题，可以采取以下几种方法： 1. 设置后端接口的响应头：...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值