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

    千次阅读 2020-04-30 15:05:30
    我这里是用vue 写的H5 ,内嵌在小程序上, 当支付成功后会弹出一个窗, img 标签上 直接是张二维码图片,我给转base64 了, <img src="data:image/png;base64....."style="width: 200px;background-size:100% ...

    我这里是用vue 写的H5 ,内嵌在小程序上, 当支付成功后会弹出一个窗, img 标签上 直接是张二维码图片,我给转base64 了,

    <img src="data:image/png;base64....."style="width: 200px;background-size:100% 100%;height: 200px;-webkit-touch-callout : none;">

    长按二维码的时候就会在底部弹出 识别二维码的菜单栏。

    展开全文
  • 小程序长按识别二维码, 网页在小程序中长按识别二维码,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>

     

    展开全文
  • 微信H5页面长按识别二维码

    千次阅读 2019-01-17 20:05:13
    一定要查看img的这些样式有没有被none!!! img { user-select: auto; pointer-events: auto; -webkit-touch-callout: auto; -moz-user-select: auto; -webkit-user-select: auto; ...

    一定要查看img的这些样式有没有被none!!!

    img {
    		  user-select: auto;
              pointer-events: auto;
              -webkit-touch-callout: auto;
              -moz-user-select: auto;
              -webkit-user-select: auto;
              -o-user-select: auto;
         }
    

    还有,要设置head中的meta

     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    

    感谢那头驴教我O(~ ̄▽ ̄)~

    展开全文
  • 微信小程序里长按识别二维码
    展开全文
  • 环境 框架: vue 操作系统: ios 解决 如果你的vue-router用了mode:history; 把它去掉用默认的就OK了 转载于:https://www.cnblogs.com/ruthless/p/10253954.html
  • 基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按识别。 ...
  • 小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码 效果图: html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&...
  • 而直接使用白鹭添加的图片,不能够长按识别二维码。 egret 游戏内部不能直接识别内部图片,即使你是一个 Bitmap。因为 egret 是一个整体,里面的东西外部不可见。而微信长按识别二维码只能识别页面中的图片,那么只...
  • H5首页banner图,在安卓微信内长按识别二维码,但在ios部分机型上,长按图片识别不了二维码。 测试机型: iphone6s plus 系统12.1 微信版本6.7.4 iphone7 系统12.0.1 微信版本6.7.4 问题排查: (1)将图片单独在...
  • 在微信中打开H5页面,页面中有一个二维码长按二维码关注公众号在大部分手机都是可以实现的,但是目前发现在华为一些型号和iphone11中长按会提示保存图片,而不是识别. 2.原因 google了很久也没有发现原因,猜想...
  • 使用公众号发布一篇带有二维码的文章,然后通过web-view内嵌在小程序中,就可以实现长按识别二维码了 2. 微信网页 原文:https://blog.csdn.net/weixin_42865522/article/details/86530461 (1) 设置meta <...
  • 同时识别图片是否是二维码,如果是则在弹框中追加识别二维码功能。 细节上:保存图片的弹框要显示在手指长按的位置;选择图片保存后,可以让用户直接去相册查看;选择识别二维码,判断是是不是网址,是的话可以让...
  • 最近开始用vue了,做了一个微信内嵌的h5页面,某个页面存在一个二维码,在安卓手机上可以长按识别二维码,但是ios不行。 如下图所示:安卓没有任何问题: ios长按就不行了: (出于隐私,马赛克了中间的二维码,...
  • 这篇文章是上一篇的延伸与总结,做的一个微信游戏宣传页上要调用长按识别二维码的功能,做的过程中遇到了两个坑,后来在组里分享会上分享了入坑经历,然后再度发现一个坑。本文就是在分享会上发言总结而成。 坑一:...
  • /*移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片*/img{ pointer-events: none;vertical-align: sub;}
  • 通过jquery库扩展移动端‘长按触发’事件(模拟浏览器‘长按识别二维码’功能) 上一篇讲了如何通过qrcode.js解析二维码(图片),那么现在我们要实现的功能就是最开始的要求'长按识别二维码'这个...
  • 我目前所解决的方案就是利用小程序的客服组件,通过客服给用户发送的二维码可以长按识别并分享给好友,保存图片 前端代码里面添加一段代码去小程序客服就好了 &lt;button open-type="contact" ...
  • 有个人给我发了串js代码,说可以解决,不知道怎么使用, ``` setTimeout(function(){  $('img').on('touchstart',function(){ ... var url=$(this).attr("src");... url=document.location.protocol+"//"+...
  • 我返回的二维码怎么按都不弹出保存图片、识别二维码这些菜单,最多弹出个放大镜.... ``` <!-- 名片二维码" src=""> --> ``` 不知道这些样式要怎么设置,或者还是有别的标签? 到底怎样才能识别呢?
  • 移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片 img{pointer-events:none;} 源文地址:https://www.cnblogs.com/liuqingxia/p/8716475.html 转载于:...
  • 前半个月做一个微信小项目,遇到生成二维码问题。考虑了服务器生成后传到...找了很多方法,都是生成table和canvas的,微信手机客户端长按识别不了。找了一天半,终于找到一个类库是可以生成img的。贴出来供大家参考。
  • vue微信H5长按无法弹出识别二维码

    千次阅读 2019-08-29 09:18:53
    使用vue写了一个H5项目,然后在IOS微信公众号里可以长按识别二维码,以便用户关注,但是发现在微信公众号无法弹出识别。 vue的路由是默认的:hash。 二、查找原因 网上搜索了很多方案,修改样式、尺寸大小、甚至...
  • 页面做出来后测试,发现在安卓版微信能正常识别,但iOS 版微信(iPhone 或 iPad)皆无法正常识别。出来问题一开头固然是怀疑自己的代码有问题,上网搜索相关资料,尝试以下方案均无法解决: 1、定位方式由absolute...
  • 微信H5 长按二维码识别不了

    千次阅读 2016-03-24 19:25:04
    解决办法: .qrcode{ padding:200px 0 0 200px !important; margin:-200px 0 0 -200px !important; position: relative;z-index: 100;... -webkit-user-select: ...对二维码图片添加qrcode样式 问题原因: 二维

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 920
精华内容 368
关键字:

h5长按识别二维码