使用微信的 JS SDK 选取手机照片并进行上传,Iphone无法显示缩略图
来源:互联网 发布:聊天软件哪个最好 编辑:程序博客网 时间:2024/06/11 23:55
前言
最近从三月初开始就发现有用户反应微信浏览器选择图片显示不了预览,仔细查找发现跟微信最近升级浏览器内核有关,发现需要升级weixin js sdk了,并且需要修改一些方法,以及对一些老版本的兼容。
weixin选取图片代码(老版本jweixin-1.2.0.js之前的版本)
wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function (res) { var localId = res.localIds[0]; $('img.avatar-temp').attr('src', localId); })};
使用如上代码发现图片在iphone上无法显示,Android上可以无差别显示,那肯定是浏览器内核的问题了,解决办法就是升级weixin js sdk喽,直接升级微信js sdk
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
接下来就是修改选显示图片的步骤了
wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function (res) { var localId = res.localIds[0]; if(window.__wxjs_is_wkwebview){ wx.getLocalImgData({ localId: localId, success: function (res) { var localData = res.localData; localData = localData.replace('jgp', 'jpeg'); $('img.avatar-temp').attr('src', localData); }, fail:function(res){ alert(res.errMsg); } }); }else{ $('img.avatar-temp').attr('src', localId); } })};
使用getLocalImgData方法即可在wkwebview浏览器内核也可以正常显示图片了。注意记得一定要判断浏览器内核,不然总有一个出问题的,并且在else里面做你该做的事情,千万别忘了!!!!
weixin上传图片
我选择直接上传到微信服务器上面,然后在利用反回的图片地址,让自己服务器去异步下载图片
wx.uploadImage({ localId: localId, isShowProgressTips: 1, success: function (res) { auth_image.serverId = res.serverId; }, fail: function (res) { alert(JSON.stringify(res)); }});
阅读全文
1 0
- 使用微信的 JS SDK 选取手机照片并进行上传,Iphone无法显示缩略图
- 微信JS-SDK选取手机照片上传并下载保存至自己的服务器
- 微信分享缩略图无法显示的解决办法
- 一行代码实现安卓照片选取上传服务器,并适配安卓7.0无法调起相机的问题
- 上传照片并显示
- 上传照片并显示
- 微信JS-SDK上传照片到本地服务器 解析与实例
- 微信js-sdk:关于menuItem:delete按钮无法显示的问题
- js实时显示上传的缩略图
- H5调用手机的摄像头拍照上传以及手机相册选取照片
- 后台下载微信js sdk上传的图片
- 图片上传生成缩略图,并使用JQuery实现鼠标移动到缩略图显示相应的大图的例子
- PHP+TP框架生成使用微信JS-SDK所需的配置信息,并验证
- php下使用ajax异步上传图片并显示缩略图
- 微信JS-SDK加载验证流程和手机图片上传
- 微信JS SDK使用
- 【转】微信JS-SDK选择相册或拍照并上传PHP实现
- 上传图片并显示缩略图的最简单方法(c#)
- FTP主动模式和被动模式的区别
- Git简单使用
- LeetCode 149. Max Points on a Line **** 灵活键,查找表
- Data Structures and algorithm analysis—1.2.1&1.2.2&1.2.3 exponents&logarithms&series(数据结构—指数,对数,级数)
- Flex连接数据库三种步骤
- 使用微信的 JS SDK 选取手机照片并进行上传,Iphone无法显示缩略图
- TensorFlow学习(十):图像预处理
- grails Gorm查询错误
- Uncaught TypeError: Cannot read property ‘props’ of undefined
- Oracle存储过程介绍
- 领域驱动设计系列(1)通过现实例子显示领域驱动设计的威力
- 『ORACLE』创建物化视图(11g)
- 自定义 ViewGroup 实现子 View 层叠效果
- MySQL远程访问及访问速度慢等问题解决