微信小程序webview实现长按点击识别二维码功能示例
2019-01-25 06:14
1206 查看
本文实例讲述了微信小程序webview实现长按点击识别二维码功能。分享给大家供大家参考,具体如下:
场景:微信小程序,使用webview控件。需求:点击图片后长按图片出现“识别二维码”
1、JS代码:
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> $(function(){ var returnData = false; $.ajax({ type : "get", url : 'http://app.ka.com/m/config.php', data : [], async : false, success: function(data,textStatus,jqXHR){ returnData = data; //console.log(returnData); } });//end ajax var returnData = eval('(' + returnData + ')'); console.log(returnData); var appId = returnData.appId; var timestamp = returnData.timestamp; var nonceStr = returnData.nonceStr; var signature = returnData.signature; wx.config({ debug: true, //调试阶段建议开启 appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ /* * 所有要调用的 API 都要加到这个列表中 * 这里以图像接口为例 */ "chooseImage", "previewImage", "uploadImage", "downloadImage", "scanQRCode" ] }); wx.ready(function() { //alert(3); wx.checkJsApi({ jsApiList : ['scanQRCode','previewImage'], success : function(res) { } }); $("img").click(function(){ var url = "http://app.ka.com/"+$(this).attr("src"); wx.previewImage({ current: url, // 当前显示图片的http链接 urls:这里再为大家推荐一款功能相似的在线工具供大家参考:
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
- [url=https://www.geek-share.com/detail/2709178576.html]微信小程序 获取二维码实例详解
相关文章推荐
- 小程序web-view用wx.scanQRCode实现微信扫一扫功能,识别二维码——微信序web-view高级用法8
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
- 微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
- 微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
- Canvas与Image互相转换示例以及利用该技术实现微信长按自动识别二维码功能
- Canvas与Image互相转换示例以及利用该技术实现微信长按自动识别二维码功能
- 安卓webView实现长按二维码的自动识别功能
- 安卓webView实现长按二维码的自动识别功能
- 安卓webView实现长按二维码的自动识别功能
- Android WebView实现长按保存图片及长按识别二维码功能
- 带长按扫描二维码功能的WebView,实现类似微信效果
- 基于MUI框架的使用HTML5+实现的二维码扫描功能并且其结果在webview中的信息的传递
- webview实现支付后的业务逻辑处理,小程序webview完成微信支付后的处理方法——微信web-view高级用法12
- 利用CMHTMLView实现webview基础功能,同时获取点击图片链接的功能
- 如何在 React Native 实现类微信小程序平台:WebView 调用原生组件
- 原创:微信小程序+WEB使用JS实现注册【60s】倒计时功能
- 微信小程序 scroll-view实现锚点滑动的示例
- PHP实现微信小程序人脸识别刷脸登录功能
- iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- viewpager+fragment的懒加载实现微信点击和滑动切换功能(切换效果)