【微信技术-微信公众号】-------- 实现拍照或选择相册接口:wx.chooseImage的使用实例[JS-SDK]

一，【JS-SDK】拍照或从手机相册中选图接口:wx.chooseImage的使用实例.

1.使用wx.chooseImage接口需要如下几步缺一不可：

这里我是使用（测试公众号）测试出来的效果。

（1）请到微信官方文档的公众号下看说明文档：（必须先了解才好看继续下面的示例）

（2）请按步骤进行配置：上图的【1.1.1-1.1.5】的步骤来进行，才能调用【wx.chooseImage】否则是没有权限的，会提示【errMsg: "chooseImage:fail, the permission value is offline verifying"】这个错误。

可以看我这篇文章【有1.1.1-1.1.5代码】：

【微信技术-微信公众号】------- 通过Java和JavaScript实现获取地理位置接口:wx.getLocation的使用实例【JS-SDK】_皮皮冰要做大神-CSDN博客一，分为前端【Jquery+微信JS-SDK】、后端[Java+SpringBoot]两部部分。1.前端:(1).引用Jq脚本文件.<script src="/libs/jquery/jquery-3.2.1.min.js"></script>(2).引用微信js-sdk的脚本文件.<script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>(3..https://blog.csdn.net/qq_38366657/article/details/122430842

（3）上面配置好后接下来就可以使用：wx.chooseImage 【下面是部分重要代码】
 //拍照$("#btn-upload").off("click").on("click",function () {wx.chooseImage({count: 3, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片for(var i=0;i<localIds.length;i++){fnGetLocalImgData(localIds[i]);}},fail:function (res) {layer.msg(res);}});});function fnGetLocalImgData(localID) {wx.getLocalImgData({localId: localID, // 图片的localIDsuccess: function (res) {var localData = "data:image/png;base64,"+res.localData; // localData是图片的base64数据，可以用img标签显示$("img").attr("src",localData);}});}
效果如下：

三，常见的问题提示：

1. 拍照功能无法使用报错可能是【域名没有在公众号白名单里面】或【当前无权限使用接口】或者【当前没有在微信里面运行因为他是属于微信的只能在微信里面使用】。

【微信技术-微信公众号】-------- 实现拍照或选择相册接口:wx.chooseImage的使用实例[JS-SDK]相关推荐

微信拍照和选择相册照片功能chooseImage
这个需求做下来参考了不少文章,其实大多都是一知半解,每个人遇到的问题不同,这篇文章可以说彻底解决wx.chooseImage的各种疑难杂症,一步到位,因此趁着今天休息把整个过程记录下来,分享给之后有需 ...
【微信技术-微信小程序】------- 骨架屏(加载流)配置(skeleton-config)及属性详解 (第三篇)
本篇文章是骨架屏(skeleton)配置及属性详解(第三篇) 第一篇文章:[微信技术-微信小程序]-------骨架屏(加载流) 简单入门(第一篇) 第二篇文章:[微信技术-微信小程序]------- ...
【微信技术-微信小程序】------ 小程序调用第三方的url地址页面例如调用:www.pipixia.com/index/index.html的页面
一,通过微信小程序调用第三方的url地址页面. 1.微信官方文档说明可以支持调用第三方的url地址页面如下: 2.注意事项:(在微信开发工具中测试不用先配置,真正使用需要配置) 1.需要在" ...
微信开放平台公众号第三方平台开发教程一平台介绍
教程导航: 微信开放平台公众号第三方平台开发教程一平台介绍微信开放平台公众号第三方平台开发教程二创建公众号第三方平台微信开放平台公众号第三方平台开发教程三一键登录授权给第三方平台 ...
开源全平台版知识付费系统源码支持微信小程序+公众号+H5+PC端
分享一个开源全平台版知识付费系统源码,系统支持微信小程序+公众号+H5+PC端,一套系统实现全端数据及用户体系全面打通,轻松实现店铺全网一站式运营.含完整代码包和详细搭建教程. 系统支持视频课程.音频 ...
鸿蒙开发者微信公众号,微信鸿蒙开发者公众号报名了
[其他] 微信鸿蒙开发者公众号报名了 171110 电梯直达 zhongshuidi 渐入佳境发表于 2020-12-18 10:16:32 来自:HUAWEI Mate 30 Pro 5G 最新回 ...
微信小程序公众号开发
微信小程序&公众号开发一.什么是微信开发二.微信开放平台三.微信公众平台四.小程序与公众号的区别 1. 用途不同 2. 运营方式不同 3. 操作方法不同 4. 用户体验不同(公众号操作 ...
华为开发微信鸿蒙版,微信鸿蒙开发者公众号报名了
[其他] 微信鸿蒙开发者公众号报名了 169910 电梯直达 zhongshuidi 渐入佳境发表于 2020-12-18 10:16:32 来自:HUAWEI Mate 30 Pro 5G 最新回 ...
SAP系统和微信集成的系列教程之七：使用Redis存储微信用户和公众号的对话记录
这是Jerry 2020年的第88篇文章,也是汪子熙公众号总共第269篇原创文章. 本系列的英文版Jerry写作于2017年,这个教程总共包含十篇文章,发表在SAP社区上. 系列目录 (1) 微信开发 ...

【微信技术-微信公众号】-------- 实现拍照或选择相册接口:wx.chooseImage的使用实例[JS-SDK]

1.使用wx.chooseImage接口需要如下几步缺一不可：

【微信技术-微信公众号】-------- 实现拍照或选择相册接口:wx.chooseImage的使用实例[JS-SDK]相关推荐

最新文章

热门文章