【解决】qrcodejs2生成的二维码安卓手机无法长按保存

最新推荐文章于 2023-05-09 16:19:11 发布
最新推荐文章于 2023-05-09 16:19:11 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： 其他 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41362657/article/details/108518700
版权

vue项目开发中遇到用qrcodejs2插件生成二维码，在苹果手机长按可以识别扫码，但是在安卓手机上无法识别，查询资料发现，主要是因为在canvas生成img的时候，在苹果手机上会隐藏隐藏canvas标签，但是在安卓手机上不会，就产生了上述的兼容问题，解决如下：

实现思路：
  • 1.手动将来的canvas标签给隐藏
  • 2.重新创建一个img标签，将二维码渲染到img上
  • html:
    图例
  • js：
    图例
weixin_41362657
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
qrcode生成二维码微信长按无法识别问题的解决
10-17
主要介绍了qrcode生成二维码微信长按无法识别问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在vue中使用qrcodejs2生成二维码，解决Cannot read properties of undefined (reading ‘_android‘)和图片在手机浏览器上不能长按保存图片
love0k1990的博客
12-09 3894
如果采用了canvas，则长按不能保存图片，解决思路：增加一个img，隐藏qrcodejs2的容器div。判断div中的img是否有src，有就赋值给img，没有的话就将canvas的数据赋值给img;第二步：在引入插件使用：import QRCode from 'qrcodejs2-fix';第一步：安装插件npm install qrcodejs2-fiX --save。2.vue中使用qrcodejs2生成的二维码图片在手机浏览器上不能长按保存图片。
Android扫描二维码，生成二维码
As_thin的博客
04-12 589
亲测正常使用，直接复制粘贴即可正常运行 有以下两个小问题还没有解决： 不能将图片作为二维码内容，只能将字符串内容作为二维码内容， 不能扫描自己产出的二维码。。。有知道如何解决的大佬求告知。 界面 不多做介绍了直接上代码，Activity部分的爆红 自己加比较好，快捷键( Alt + Enter ) /*添加二维码依赖*/ implementation 'com.github.yuzhiqiang1993:zxing:2.2.5 maven { url 'https://jitpack.
解决qrcode生成的二维码安卓手机长按不识别问题
baidu_21349635的专栏
02-24 6616
文章目录问题描述toDataURL语法自己验证 问题描述 qrcode生成的二维码，在苹果等手机上长按可识别，在华为手机上长按没有反应，截图保存下来长按又可以识别。 #问题原因 浏览器兼容问题 qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。但是在...
qrcode获取图片链接在安卓/ios上的问题
Callback_heaven
08-16 962
最近项目使用qrcode生成二维码，制作图片预览时出现了一个问题，在ios端使用 document.querySelector('img') 时没有问题，可以获取到图片及链接，但是在Android端(HuaWei mate10)则无法获取到，最后通过查看DOM结构发现在Android中 img是没有图片链接且display为none的，只有canvas，所以使用canvas转码实现图片预览： //获取canvas： var canvas = document.querySelector('can
Android生成二维码--保存和分享二维码图片
weixin_30781775的博客
11-02 568
之前写过生成自定义二维码的两篇文章：《Android生成自定义二维码》《Android生成二维码–拍照或从相册选取图片》，下面就介绍一下Android应用内如何保存以及分享二维码图片。 保存图片 Adnroid中保存图片可以直接调用系统提供的插入图库的方法，或者指定存储路径。插入图片后需要刷新系统图库。 1.调用系统提供的插入图库方法 //插入到系统图库 Me...
微信小程序生成海报中二维码-----长按识别不了问题及处理方案
yongyafang123的博客
04-05 1万+
微信小程序 海报 二维码
二维码在微信中无法保存的解决办法
qq_41566366的博客
08-24 7805
项目场景： 项目场景：示例:通过jquery.qrcode生成二维码，并长按保存到相册 问题描述： qrcode里面的代码是jquery.qrcode生成的，但是该二维码无法长按保存，于是我尝试移除掉qrcode里默认的img然后添加新的img来实现，但是无论使用jquery的remove还是javascript的removeChild，都无法真正移除canvans的img 解决方案： 使用varqrcode=$("#qrcode").qrcode("https://baidu.c...
vue 使用qrcodejs2插件实现二维码生成及二维码图片下载（小白篇）
qq_45915072的博客
05-09 2701
【代码】vue 使用qrcodejs2插件实现二维码生成及二维码图片下载（小白篇）
使用qrcode生成的二维码安卓手机长按不识别问题
qq_41227106的博客
09-03 2043
1、下载依赖 npm installqrcodejs2 --save 2页面引用 importQRCodefrom"qrcodejs2"; 3、生成二维码 3.1节点 <div id="qrcode"></div> 3.2 生成code mounted(){ this.$nextTick(() => { var qrcode = new QRCode(document.getElementById("qrcode...
解决qrcode生成的二维码华为手机长按不识别、toDataURL之后中间logo丢失等问题
起风了
07-01 7671
问题描述 qrcode生成的二维码，在苹果等手机上长按可识别，在华为手机上长按没有反应，截图保存下来长按又可以识别。 问题原因 浏览器兼容问题 qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。但是在华为手机上生成的canvas是不会隐藏的，我们看到...
Vue海报二维码组合图片生成和下载-qrcodejs2-html2canvas
05-08
本项目是使用 qrcodejs2 生成二维码图片 然后使用 html2canvas 将生成的二维码图片和html文本结构合成为base64图片数据 让后展示下载分享 本项目核心代码在 QRcode-html2canvas\src\views-> Qrcode.vue 中，能...
qrcodejs2+html2canvas 生成二维码和海报
11-03
代码放到线上使用，本地生成海报图片显示不了，必须...qrcodejs2+html2canvas 生成二维码和海报qrcodejs2+html2canvas 生成二维码和海报qrcodejs2+html2canvas 生成二维码和海报qrcodejs2+html2canvas 生成二维码和海报
vue 使用qrcodejs2生成二维码及打印功能实现
06-26
demo示例
vue生成二维码的插件以及华为手机长按不保存的问题
任某某的博客
01-13 562
介绍二个比较简单的生成二维码的插件 1.QRcode 2.vue-qr 其实这俩款插件 唯一的区别的就是 vue-qr可以在二维码中间加一个log QRcode(使用过) 安装:(yarn/npm) yarn add qrcodejs2 npm install qrcodejs2 在需要的组件内引用 import QRCode from 'qrcodejs2' <div class="qr...
安卓系统如何保存自己的二维码_安卓系统并不输苹果系统，却因为我们自己，让安卓手机变的卡顿！...
weixin_39665379的博客
11-18 158
Tips数码｜搞机二师兄看科技资讯，品鉴最新最全的科技新闻，了解当今科技发展水平。关注公众号搞机二师兄，让数码科技成为一种快乐的工作～让自己化身新一代科技潮人，最新最炫酷的科技产品尽在掌握，为你选购出谋划策！我们都知道现在华为作为国内手机市场的老大，销售量可以说非常的火爆了，华为在国内还是很受大众欢迎的，也在逐步的渗入到各个年龄层，华为确实有这个实力，无论外观还是摄像，都已经超越了苹果，...
安卓系统如何保存自己的二维码_【对讲机的那点事】安卓系统公网集群对讲机如何更换平台？...
weixin_39519554的博客
12-09 295
点击上面微信号关注我关注我哟定期推送对讲机行业资讯，华安捷讯对讲机公司的产品优惠等诸多优质内容，最接地气、重服务的对讲机行业微信平台！微信号：shuziduijiangjiID号：gh_778e0cd66ec0，关注我们妥妥没错！(广告合作：13051401525)公网对讲机的平台可以实现，数据转发、机器分组、语音调度、定位、轨迹回放、录音等系统功能，至于公网对讲机的平台分类，平台分好...
Vue 实现生成二维码（qrcodejs2），并生成图片（html2canvas）可实现保存到本地
达拉崩巴斑得贝迪卜多比鲁翁_
12-28 1553
import html2canvas from 'html2canvas' import codeIMG from '@/assets/images/codeCard.png' import vueQr from 'vue-qr' <div style="position: relative;"> <div ref="courseInfo"> <div id="canbox"> <img :src="code
jQuery实现页面滚动条自动滚动到需要的位置
热门推荐
zhangzeshan
07-23 1万+
代码如下： <script> $(function(){ $('html,body').animate({scrollTop:1000},'slow'); }) </script> 解读代码：在载入html页面的body这一块内容中，实现滚动进行展示body的某一块内容，scrollTop方法 进行滚动1000像素 （像素越大滚动的越下去，也...
uniapp使用qrcodejs2生成二维码
最新发布
09-13
你可以通过以下步骤在uniapp中使用qrcodejs2生成二维码： 1. 首先，安装qrcodejs2库。在命令行中运行以下命令： ``` npm install qrcodejs2 ``` 2. 在需要生成二维码的页面中引入qrcodejs2库。在`<script>`标签中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值