微信长按图片无法弹出识别二维码选项解决方案

1.首先页面中有两个二维码的兄弟别忙活了,一个页面中只可以识别其中一个二维码,两个的话需提示用户双击放大二维码进行二维码识别.
2.网页内有一张图片进行二维码识别时长按没有反应(长按图片无法弹出识别二维码)这个就是我所遇到的问题。需要调到特别大才能识别,但是特别大就会影响到背景图片,就会有问题,在网上搜了一下结合自己的思路给大家一个解决方案,因需求而异

解决思路
首先要把这张二维码添加到body的子元素 放在最后或者是最前都可以
注意这可能影响你的布局 需要注意的是opacity需要设为0而不是设置display属性

 
<img style="height: 100%;width: 100%;opacity: 0" src="二维码图片地址">
 



其次 在你应该放置的div里设置你正常二维码图片的大小

 

<img class="你的正常大小(bootstrap可设置居中)" src="二维码图片地址" />
 


注意:真实二维码图片的位置会改变,因此需要相应的设置  position:abslute 位置太偏移,有可能会造成二维码无法识别。

 

至此你就会发现长按图片会识别二维码

--------------------- 作者:代码界吴彦祖 来源:CSDN 原文:https://blog.csdn.net/lzx_victory/article/details/51979532?utm_source=copy 版权声明:本文为博主原创文章,转载请附上博文链接!

posted @   拍片哥  阅读(28031)  评论(1编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示