js教程

聚合支付JS判断微信 支付宝 QQ代码示例

精准像素 2022-04-28 人阅读
<!doctype html>    
<html lang="en">    
<head>    
<meta charset="UTF-8">    
<meta name="viewport"    
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">    
<meta http-equiv="X-UA-Compatible" content="ie=edge">    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"    
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">    
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>    
<script type="text/javascript" src="https://www.79xj.cn/pay/js/jquery.qrcode.min.js"></script>    
<style>    
body {    
background-color: #eee;    
margin: 0;    
padding: 0;    
}    
.header {    
position: relative;    
height: 42px;    
line-height: 42px;    
padding: 0 15px;    
border-bottom: 1px solid #f6f6f6;    
background-color: #1E9FFF;    
color: #fff;    
border-radius: 2px 2px 0 0;    
font-size: 14px;    
}    
.body {    
position: relative;    
padding: 10px 15px;    
line-height: 24px;    
background-color: #fff;    
}    
.card {    
margin: 20% auto;    
}    
</style>    
<title>三合一聚合扫码支付 自动识别 微信 支付宝 QQ</title>    
</head>    
<body>    
<div class="container">    
<div class="row">    
<div class="col-md-4">    
</div>    
<div class="col-md-4 text-center">    
<div class="card">    
<div class="header">三合一聚合扫码支付</div>    
<div class="body">    
<div id="wan_Neng" ></div>    
</div>    
</div>    
</div>    
<div class="col-md-4">    
</div>    
</div>    
</div>    
<div id="code"></div>    
</body>    
</html>    
<script>    
/*****************************************    
* 小九实验室    
* www.79xj.cn    
* 聚合扫码支付    
* (本地测试不行(本地不是云端) 必须需要主机挂在服务器上)    
* 无需对接任何api 纯js完成    
****************************************/    
$(function () {    
var Ma = {    
qq: "",    
zfb: "",    
wx: "",    
testma: ""    
}    
if(navigator.userAgent.match(/Alipay/i)) {    
// 支付宝    
window.location.href=Ma.zfb    
} else if(navigator.userAgent.match(/MicroMessenger\//i)) {    
// 微信    
$('#wan_Neng').qrcode(Ma.wx)    
$(".header").html("请使用微信扫码支付")    
} else if(navigator.userAgent.match(/QQ\//i)) {    
// QQ    
$('#wan_Neng').qrcode(Ma.qq)    
$(".header").html("请使用QQ扫码支付")    
} else {    
// 其它    
$url = window.location.href    
// $("#wan_Neng").attr("src", Ma.testma +$url)    
$('#wan_Neng').html("请使用微信QQ支付宝打开支付")    
}    
//获取网页中的canvas对象    
var mycans=$('canvas')[0];    
var img=img_can(mycans);    
$('#wan_Neng').append(img);    
$('canvas')[0].remove()    
})    
//禁用右击    
document.oncontextmenu = function () {    
return false;    
}    
//禁用f12    
document.onkeydown = function () {    
if (window.event && window.event.keyCode == 123) {    
window.event.returnValue = false;    
}    
}    
/*****************************************    
* 画布转img    
* 输入参数:画布对象    
* 输出参数:img    
****************************************/    
function img_can(canvas) {    
var image = new Image();    
image.src = canvas.toDataURL("image/png");    
return image;    
}    
</script>


相关推荐
  • JS判断
  • 聚合支付源码
  • 简单的JS判断用户登录代码

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal...

    js教程 20 6个月前
  • JS判断IE浏览器版本

    简单的原生JS判断IE浏览器版本var DEFAULT_VERSION = 8.0; var ua = navigator.userAgent.toLowerCase(); var isIE = ua.indexOf("msie")>-1; var safariVersion; if(isIE){ safariVersion = ua.match(/msie ([\d.]+)/)[1]; } if(safariVe...

    js教程 109 2年前
  • JS判断input file图片宽度完美兼容版

    判断input file图片宽度、大小最好的方法是用后端提交后来判断,但对应不会程序的朋友怎么办,门槛有点高。之前有分享过一次利用JS来判断input file图片宽度教程,但有个BUG,当第一次触发change方法判断true时,第二次input file随意选择一个都不会再次触发...

    js教程 122 2年前
  • FAB ADMIN聚合支付系统源码
    FAB ADMIN聚合支付系统源码

    源码简介FAB ADMIN聚合支付系统源码,基于PHP+MySQL+ThihkPHP框架开发,兼容世面上所有易支付系统。支持对接银联通道、京东钱包、免签系统、PDD、淘宝代付、话费等。全响应式前端界面,简约易操作,安全...

    php源码 105 1年前
  • 全新PHP第四方支付源码 支持H5+支付宝+微信+快捷支付+API聚合
    全新PHP第四方支付源码 支持H5+支付宝+微信+快捷支付+API聚合

    源码简介全新PHP第三第四方支付源码修复版 H5扫码支付微信收款钱包 快捷支付 API聚合支付更新首页部分跳转无用链接优化整体页面UI 前台增加认证功能 支持前台上传三证 后台显示增加数据库增加字...

    php源码 500 2年前
  • thinkphp第四方聚合支付系统源码
    thinkphp第四方聚合支付系统源码

    PHP支付源码+支付系统可用无bug+代付系统配置数据库 /Application/Common/Conf/db.php //配置数据库地址/Application/Common/Conf/website.php 修改网站地址 名字php版本 5.6服务器环境 linux...

    php源码 513 2年前