精华内容
下载资源
问答
  • 长按识别二维码

    2017-12-09 11:43:46
    本资源集中了长按识别图中 二维码的资源和关键代码,下载后可以直接移植到项目中
  • 主要介绍了jQuery实现微信长按识别二维码的功能,非常不错,具有参考借鉴价值,对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧
  • 本文要使用Android WebView实现长按保存图片及长按识别二维码功能,当用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能
  • 主要介绍了iOS模仿微信长按识别二维码的两种方式,文章第二种方式是识别网页中的二维码,具体思路详解大家参考下本
  • zxing二维码生成扫描,识别二维码图片,长按识别二维码调用方便简洁,可选择导入as的modules 只需要在bulid.gradle(app) 中的dependencies :里面 compile project(path: ':BarCode')一下就能用。
  • Android对zxing的集成,长按识别二维码相关
  • 集成Zxing,长按识别二维码等相关功能
  • 微信小程序里长按识别二维码

    千次阅读 2020-09-15 19:08:18
    一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别,于是就好奇的去研究了一番,结果还真的可以实现小程序里长按识别二维码。不知道是官方...

    我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别,于是就好奇的去研究了一番,结果还真的可以实现小程序里长按识别二维码。不知道是官方的漏洞还是程序的bug,但是既然这个功能可以实现,那当然要愉快的用上一用啦

    老规矩,先看效果图


    可以看到,我们成功的在小程序里实现了长按识别二维码的功能。下面就教大家如何一步步实现吧。因为官方的规格还没有明确说支持这个功能,所以这个功能有可能随时被禁。这里先带大家爽一把,能爽一会是一会儿。

    一,首先使用webview来显示公众号文章

    我们知道公众号文章里是自带长按识别二维码的功能的,所以我们要先在小程序里长按识别二维码,就必须在小程序里显示公众号文章,怎么显示公众号文章在小程序里呢,这里我们就要用到webview了。webview使用起来很简单,只需要如下即可。

    src就是我们公号文章对应的链接,只需要这样写就完成了代码部分了,后面都是一些配置工作了。

    二,必须要把你的小程序关联到公众号

    如果你只是随便找个公号文章链接,就放到webview里,会出现以下问题

    我们接下来就要先在公众号后台把小程序关联上。



    小程序的appid在哪里找,我这里就不做讲解了,你如果学过小程序肯定知道去哪里拿到appid的

    三,设置完就可以直接长按识别了

    上面关联后,会有几分钟的延迟,所以最好把开发者工具关闭,然后重新打开下。

    可以看到我们在小程序的webview里成功的显示了公众号的文章了。然后在手机上预览如下

    可以看出来,我们这里是一篇标准的尾部带二维码的公号文章。那么我们长按是否可以识别这个二维码呢。

    可以看出,我们成功的长按识别出了二维码。
    到这里我们就成功的实现了小程序里长按识别二维码了。。。
    你也赶紧去试试吧。不敢保证百分之百的成功奥,因为微信官方还没有明确的开发这个功能。但是现在小程序都可以分享到朋友圈了,相信小程序里长按识别二维码不会被禁止了吧,所以趁这个机会赶紧去试试这个功能吧。

    展开全文
  • 小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码 效果图: html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&...

    小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码

    效果图:

    html 代码:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<div class="t-share">
    			<img src="https://aikaoya.cloudlinks.com.cn/wq.jpg"></div>
    		<div class="but">长按图片保存到相册,就能分享给好友啦~</div>
    		<script language="javascript">
    			
    		</script>
    	</body>
    </html>
    

    小程序代码:

    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        scene: 'https://aikaoya.cloudlinks.com.cn/wq.jpg',
        show_web: false,
      },
      previewImage: function (e) {
        wx.previewImage({
          urls: this.data.scene.split(',')
          // 需要预览的图片http链接  使用split把字符串转数组。不然会报错
        })
      },
      onLoad(option) {
      },
      click2() {
        this.setData({
          show_web: true
        })
      },
    })
    <web-view wx:if='{{show_web}}' src="https://aikaoya.cloudlinks.com.cn/test2.html"></web-view>
    
    <button catchtap="click2">点击进入web-view</button>
    
    <button catchtap="click3">点击二维码后长按识别</button>
    
    <image class='img' bindtap="previewImage" src='{{scene}}'></image>

     

    展开全文
  • 基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按识别。 ...

    基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别?
    )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按识别

    微信长按识别二维码

     

    页面布局,在列表页上覆盖一层大图div

    <div id="tempQrCodeImgDiv" style="width:100%;height:100%; position:fixed; display:none;background:#efeff4;z-index:90;">
        <div style="text-align:center; font-size: 22px; margin-top:30px; color:#ff560e">长按图片识别二维码</div>
        <img id="tempQrCodeImg" src="" style="width: 80%; margin-top:30px; margin-left:10%;z-index:100" />
        <div id="tempQrCodeName" style="text-align:center; font-size: 18px; margin-top:16px; color:#434243;" ></div>
        <div id="tempQrCodeDismissBtn" style="text-align:center; font-size: 18px; margin-left:20%;margin-right:20%; margin-top:50px; padding: 10px 20px;border-radius: 5px; background:none; border: 1px  #555 solid; color:#434243;">返&emsp;回</div>
    </div>
    <div style="text-align:center; font-size: 22px; margin-top:30px; color:#ff560e">单击图片放大后长按识别</div>
    

    然后是列表页,与上文基本一致:

    for (var i = 0; i < Model.settings.Count; i = i + 2)
    {
        <div class="ne-cell flex">
            <div class="ne-grids col3  " style="flex:1">
                <div name="qrCodeImgDiv" style="text-align:center; width: 80%; margin-left:10%; margin-top:20px;">
                    <img name="qrCodeImg" src="~/@Model.settings[i].QrCodePath" style="width: 100%; pointer-events: none;" alt="@Model.settings[i].Name"/>
                </div>
                <div id="div-name" style="text-align:center; margin-top:16px; color:#434243">@Model.settings[i].Name</div>
            </div>
            <div class="ne-grids col3 " style="flex:1">
                @if (i < Model.settings.Count - 1 && !string.IsNullOrEmpty(Model.settings[i + 1].QrCodePath))
                {
                    <div name="qrCodeImgDiv" style="text-align:center; width: 80%; margin-left:10%; margin-top:20px; z-index:100">
                        <img name="qrCodeImg" src="~/@Model.settings[i+1].QrCodePath" style="width: 100%; pointer-events: none; " alt="@Model.settings[i + 1].Name" />
                    </div>
                    <div id="div-name" style="text-align:center; margin-top:16px; color:#434243">@Model.settings[i + 1].Name</div>
                }
            </div>
        </div>
    }
    

    最后是js

    function load() {
                var imgs = document.getElementsByName("qrCodeImgDiv");
                for (var i = 0; i < imgs.length; i++) {
                    imgs[i].addEventListener("click", function () {
                        var qrCodeImg = this.getElementsByTagName("img")[0];
                        document.getElementById("tempQrCodeImg").src = qrCodeImg.src;
                        document.getElementById("tempQrCodeName").textContent = qrCodeImg.alt;
                        document.getElementById("tempQrCodeImgDiv").style.display = 'block';
                    })
                }
                document.getElementById("tempQrCodeDismissBtn").addEventListener("click", function () {
                    document.getElementById("tempQrCodeImg").src = "";
                    document.getElementById("tempQrCodeName").textContent = "";
                    document.getElementById("tempQrCodeImgDiv").style.display = 'none';
                })
            }
    
            window.addEventListener('load', load, false);
    

    大部分样式都在代码中写成style了,列表页比较简答,用的css没有改过来,自己对应加下就ok了;毕竟这里主要是提供思路。

    最终效果如下图:

    长按识别多个二维码.gif

     

    ps:相对于之前代码,用户操作变得繁琐了,但是,在图片非常多时不会出现识别错误的bug;如果只有1~4张二维码,可以使用之前的版本长按二维码识别1;如果是图片较多,一页5-6张图片,而且有多页,则使用本文所述方法!当然,如果有更好的方案解决该问题,欢迎留言,多谢!

    博客: IT老五 简书:ThinkinLiu


    IT老五(it-lao5):关注公众号,一起源创,一起学习!

     

    展开全文
  • 二维码扫描+长按识别二维码demo

    千次阅读 2017-03-29 10:23:36
    二维码扫描+长按识别二维码demo,已封装好 源码下载

    二维码扫描+长按识别二维码demo,已封装好




    源码下载

    展开全文
  • 微信小程序里长按识别二维码 https://developers.weixin.qq.com/community/develop/article/doc/00042645074e104699fa3344b5b013
  • 方式一:长按识别二维码 #import "LYBLongPressRecognizeEwmVC.h" #import "UIImageView+CreatCode.h" /** 补充的iOS9新特性*/ #import <SafariServices/SafariServices.h> @interface LYBLongPres
  • 微信长按识别二维码bug整理

    万次阅读 2016-06-05 11:33:44
    微信长按识别二维码问题搜集与整理最近在折腾一个手机端页面长按识别二维码的问题。发现长按二维码时在ios和android手机上识别不是那么灵敏。下面整理下我对该问题的总结。
  • 微信小程序长按识别二维码,小程序相关问题总结 开发小程序中,长按识别二维码,小程序码跳转,已知问题整理:小程序中,不支持长按识别二维码,和小程序码。可利用小程序 图片预览功能识别 小程序码并进行跳转,...
  • 小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码 效果图: html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&...
  • 常规的在公众号html页面中要实现长按识别二维码,直接使用img显示图片就可以了,如下: <img name="qrCodeImg" src="/images/itlao5.jpg" style="width: 80%;" /> 然而,当同一个页面有多个二维码时,会...
  • jquery实现微信长按识别二维码 (完整代码如下) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, ...
  • webview长按图片识别二维码
  • 参考:http://www.jianshu.com/p/997cec333822 ... 方式一:长按识别二维码 #import "LYBLongPressRecognizeEwmVC.h" #import "UIImageView+CreatCode.h" /** 补充的iOS9新特性*/ #import...
  • 微信分享sdk分享二维码图片到安卓微信,没有长按识别二维码选项。但是再次转发后就有此选项。看了网友的回答,没有真正解决这个问题的。有高手请赐教啊!拜谢!!
  • jquery实现微信长按识别二维码 - 在线生成二维码1.引入JS库 &lt;script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt; &...
  • /*移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片*/img{ pointer-events: none;vertical-align: sub;}

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,214
精华内容 1,285
关键字:

长按识别二维码