使用jQuery插件qrcode生成的二维码在微信中不能够识别

最新推荐文章于 2023-10-10 15:46:07 发布
最新推荐文章于 2023-10-10 15:46:07 发布
阅读量4.9k 收藏
点赞数
文章标签： qrcode 二维码 微信识别 中心logo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xnzsxnzs/article/details/52431731
版权

前端调用jQuery插件qrcode生成的二维码的方法很简单，但是，这个二维码如果在微信浏览器中，我们可以看见，却不能够长按“识别图中二维码”，原因是这个二维码不是图片，所以，前端必须转换成图片格式，才可以被微信识别。

解决方案：可以用convertCanvasToImage(ctx)函数转换成img格式。

当然还要解决中间的logo图片问题，都需要很多代码。

最简单的方法，是调用完整插件。点这里参考

 


                

        

        

    




    

      

        

            

              
                
                  xnzs
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
vue 解决qrCode生成的二维码微信长按不识别问题

				
			

			

				

					代码小疯子
				

				

					02-04
					
					581
					
				

			

		

		

			
				
qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签，部分安卓机里面，canvas元素没有隐藏掉，所以长按的时候按的不是图片，所以无法识别，也就没有弹窗，转成图片放到页面上去就行。QRcode 生成二维码，展示到页面，微信打开，长按二维码没反应。

			
		

	



                

              
                



	

		

			

				
					
使用jquery组件qrcode生成二维码及应用指南

				
			

			

				

					12-11
				

			

		

		

			
				
有一些耗cpu的计算，完全可以在客户端上计算，比如生成二维码。
qrcode其实是通过计算，然后使用jquery实现图形渲染和画图。支持canvas和table两种方式生成我们所需的二维码。
具体用法
qrcode是jquery组件，需要至少两个js, 就是 jquery 和 jquery.qrcode。可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。
 代码如下:
[removed][removed]
<script type=”text/javasc

			
		

	



                


  
              

                


	

		

			

				
					
Ionic二维码扫码插件QR Scanner不能扫描一维码问题

				
			

			

				

					cangahi09025566的博客
				

				

					05-17
					
					4031
					
				

			

		

		

			
				
三款扫码插件优劣在Ionic开发中经常需要用到扫码功能,这个时候就需要用到二维码扫码插件。目前市面上主要提供了三款扫码的插件,具体的可以参考如下链接:Ionic2入门教程（十三）带你走近3款二维码扫描插件QR Scanner配置和使用这个有比较详细的说明,其中三款中最好使用的就是我们的qr-scanner这款插件了。它的具体配置和使用可参考如下链接:ionic3 使用QR Scaner 扫描QR ...

			
		

	





	

		

			

				
					
使用jquery.qrcode生成二维码及常见问题的解决方案

				
			

			

				

					muzidigbig的博客
				

				

					12-03
					
					5323
					
				

			

		

		

			
				
移动端二维码弹出框,自适应屏幕尺寸：网址https://github.com/iyangyuan/qrcodebox

在线生成网址：http://tool.oschina.net/qr

 

一、jquery.qrcode.js介绍

jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件（（可以从https://github.com/jeromeetie...

			
		

	



		

			
		



	

		

			

				
					
uni-app 使用uQRCode在模拟器和安卓中不显示二维码

				
			

			

				

					weixin_45758420的博客
				

				

					06-17
					
					3146
					
				

			

		

		

			
				
uniapp使用uQRCode插件开发分享二维码功能，在app端（安卓ios没有试）二维码不出现的问题，使用的是hbuildX3.4.15、插件市场导入的uQRCode是1.0.8

			
		

	





	

		

			

				
					
【FAQ】解决qrcode.js二维码插件不支持中文的问题

				
			

			

				

					朝拜者
				

				

					03-02
					
					9917
					
				

			

		

		

			
				
解决qrcode.js二维码插件不支持中文的问题

			
		

	





	

		

			

				
					
微信开发，解决jquery.qrcode.min.js生成二维码长按不识别问题

					
热门推荐

				
			

			

				

					chengnuo628的专栏
				

				

					01-03
					
					1万+
					
				

			

		

		

			
				
转载的地址:https://my.oschina.net/ht896632/blog/737017
1.引入JS库
    script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8">script>
    script src="jquery.qrcode.min.js" type="text/javascript"

			
		

	





	

		

			

				
					
qrcode.js生成二维码，无法识别

				
			

			

				

					陈皮球的博客
				

				

					04-05
					
					3069
					
				

			

		

		

			
				
参数很多很长的时候，生成的二维码很乱很大，导致超过了原来的image宽高，二维码边缘部分没有完整显示。
1、一开始把image的宽高放大，二维码原来被截取的部分显示了一些但是还是不够。没有出现完整的二维码。个人认为可能是测试设备屏幕宽度本身不大，尽管把image放的很大，设备能看到的最大就那样。
2、后来我在qrcode.js的代码改了像素px。
​	 原来的px代码为：
px = Math.ro...

			
		

	





	

		

			

				
					
qrcodejs2的错误、公众号识别不了二维码、公众号识别二维码没反应

				
			

			

				

					
				

				

					11-15
					
					1114
					
				

			

		

		

			
				
ps：qrcodejs2使用很简单不阐述，但是
但是它在苹果微信上生成了imgs，在安卓微信上生成的是canvas，所以微信浏览器识别二维码不行
解决：
你可以使用原生，拿到那个canvas，然后判断一下是不是canvas标签，使用canvas的toDataURL(“image/png”)转换一下，也可以使用网上的一些作用不大的插件
没用过：import html2canvas from ‘html2canvas’
qrcodejs2使用
this.$refs.qrcodey.innerHTML = '';

			
		

	





	

		

			

				
					
qrcode生成二维码微信长按无法识别问题的解决

				
			

			

				

					12-02
				

			

		

		

			
				
最近用QRCode.js 生成二维码之后，发现在小米和华为手机的微信上面页面长按识别不了，苹果和其他手机浏览器是正常的。qrcode在页面生成会生成一个canvas标签和一个img标签，在电脑浏览器上调试的时候发现生成二维码...

			
		

	





	

		

			

				
					
jQuery二维码插件qrcode

				
			

			

				

					04-07
				

			

		

		

			
				
jQuery二维码插件qrcode是一款自定义生成带logo图片二维码图形样式代码。

			
		

	





	

		

			

				
					
微信小程序中生成二维码工具：wxapp.qrcode.js

				
			

			

				

					11-29
				

			

		

		

			
				
所以，针对微信小程序的特点，封装了 weapp.qrcode.js ，用于在小程序中快速生成二维码 使用方法见下面链接 ---------------------    https://blog.csdn.net/qq_41981057/article/details/84632553

			
		

	





	

		

			

				
					
微信小程序中生成二维码工具：weapp.qrcode.js

				
			

			

				

					03-29
				

			

		

		

			
				
所以，针对微信小程序的特点，封装了 weapp.qrcode.js ，用于在小程序中快速生成二维码。效果如下图： (此图片来源于网络，如有侵权，请联系删除! ) 下面来介绍一下使用方法： 使用 创建canvas标签 先在 wxml 文件...

			
		

	





	

		

			

				
					
ionic4使用扫码插件QRscanner无法识别一维码条码解决方法

				
			

			

				

					Two_Too的专栏
				

				

					04-16
					
					998
					
				

			

		

		

			
				
最近在开发PDA项目，使用angular7+ionic4+cordova项目，需要支持扫码一维码（条码）和二维码，于是我选择QR scanner扫码插件。令人头大的问题出现了，qr scanner能识别出二维码，但是一维码无法识别。。。。。。后来发现配置一下编码格式可以解决这个问题。

1.QR Scanner版本3.0.1

找到文件 plugins\cordova-plu...

			
		

	





	

		

			

				
					
H5扫描条形码二维码html5-qrcode插件的坑

					
最新发布

				
			

			

				

					m0_60067558的博客
				

				

					10-10
					
					1072
					
				

			

		

		

			
				
致命问题就是大部分条形码扫不出来，只有小部分可以，不过扫二维码倒是没问题很快。

			
		

	





	

		

			

				
					
解决qrcode生成的二维码安卓手机长按不识别问题

				
			

			

				

					baidu_21349635的专栏
				

				

					02-24
					
					6610
					
				

			

		

		

			
				
文章目录问题描述toDataURL语法自己验证
问题描述
qrcode生成的二维码，在苹果等手机上长按可识别，在华为手机上长按没有反应，截图保存下来长按又可以识别。
#问题原因
浏览器兼容问题
qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。但是在...

			
		

	





	

		

			

				
					
微信小程序生成海报中二维码-----长按识别不了问题及处理方案

				
			

			

				

					yongyafang123的博客
				

				

					04-05
					
					1万+
					
				

			

		

		

			
				
微信小程序 海报 二维码

			
		

	





	

		

			

				
					
js生成二维码及解决二维码在微信中不能识别

				
			

			

				

					qq_41429765的博客
				

				

					12-29
					
					1516
					
				

			

		

		

			
				
在Vue项目中需要下载：qrcodejs2

使用命令：

npm installqrcodejs2

yarn addqrcodejs2

js中引用：


<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>



html:


                    <div id="codeDiv" style="d...

			
		

	





	

		

			

				
					
jquery qrcode生成二维码

				
			

			

				

					09-13
				

			

		

		

			
				
 // 使用jquery.qrcode插件生成二维码  $("#qrcode").qrcode({  text: content,  width: 200,  height: 200  }); }); ```  在上面的代码中，将`#qrcode`替换为你想要放置二维码的HTML元素的选择器。`text`属性用于...

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值