无需用户截图繁琐付款 、 无需使用微信收款单 ， 无需其他任何复杂操作 ，和之前的网页内长按个人普通收款二维码识别拉起付款的操作流程一样，只不过多了一个步骤；

声明： 本篇文章仅为学习交流为目的 ，严禁任何人使用本文章提供的教程进行违法、商业等盈利形式用途，在本篇文章下载的任何文件须在24h内删除源文件，不得以任何形式保留、转存；否则后果自负。

夏柔这个博客从成立到现在，一直致力于发布免费的原创技术文章，希望各位可以收藏一下本站（或者在文章最下面点个赞），万分感谢！

我们知道现在微信官方出台了个人普通收款二维码的限制，即网页内识别二维码组件限制了收款二维码的拉起识别，如果你仔细观察（ 抓包 ）就会发现，它可能仅仅用了一个万能语句： if ...

本方法采用 jquery 、原生JS、微信内置浏览器图片预览功能等实现；

夏柔是直接在源支付系统上修改的，比较方便；废话不多说上教程：

首先在你的文件里引入下面两个JS：

<script src="http://cdn.wpon.cn/mali-jquery.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

方案一

实现原理：点击二维码图片并长按识别二维码进行付款

JS代码：

<script>
// [全网首发]无视微信网页限制个码识别收款教程
// 玛丽云免费教程：https://www.wpon.cn/26074.html
function funcReadImgInfo() {
            var imgs = [];
            var imgObj = $(".maliyun .malicloud"); //这里改成相应的对象
            for (var i = 0; i < imgObj.length; i++) {
                imgs.push(imgObj.eq(i).attr('src'));
                imgObj.eq(i).click(function() {
                    var nowImgurl = $(this).attr('src');
                    WeixinJSBridge.invoke("imagePreview", {
                        "urls": imgs,
                        "current": nowImgurl
                    });
                });
            }
        }
        
</script>

上面直接调用的是微信内置浏览器的属性 imagePreview 。

其中 .maliyun .malicloud 相必大家都知道什么意思吧，就不多做解释；

这里值得注意的是，你的支付系统引入的图片必须是全路径而不是 /img/1.png 这种路径格式；

这里直接演示源支付的写法：

方案二

实现a标签添加一个自定义id触发JS事件

在方案一中的 var nowImgurl = $(this).attr('src'); 上面添加一个事件，例如：

$("#fukuan").click(function(){ 
// 代码片段...
}
Last modification：December 14, 2023
© Allow specification reprint
如果觉得我的文章对你有用，请随意赞赏，但也要理性！