在线免费生成支付宝自定义支付收款二维码源码

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

温馨提示：这篇文章已超过1144天没有更新，请注意相关的内容是否还可用！

在线生成支付宝自定义支付二维码，是一种非常方便的工具。通过这个工具，您可以快速生成支付宝自定义金额和备注的二维码，不受限制生成次数。

只需要填写收款方的支付宝商户号、金额和转账备注，然后点击生成二维码即可。

商户号获取：

1.登录支付宝商户官网

2.点击账号中心-里面有一个商户号(收单账号)：

在线免费生成支付宝自定义支付收款二维码源码

图片：

[yk_WeChatFans]

<!DOCTYPE HTML>
<html>
  <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">
    <title>生成支付二维码</title>
    <style>
      body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin: 0;
        background-color: #f2f2f2;
        font-family: Arial, sans-serif;
      }

      form {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
        text-align: center;
        width: 80%;
        max-width: 4.0px;
      }

      label {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0.5rem;
      }

      input[type="text"] {
        padding: 0.5rem;
        border-radius: 5px;
        border: 1px solid #d9d9d9;
        margin-bottom: 1rem;
        width: 100%;
        font-size: 1rem;
      }

      button {
        padding: 1rem;
        border-radius: 5px;
        border: none;
        background-color: #009688;
        color: #ffffff;
        font-size: 1.2rem;
        Cursor: pointer;
        margin-top: 1rem;
        width: 100%;
        transition: all 0.3s ease-in-out;
      }

      button:hover {
        background-color: #008080;
      }

      #qrcode {
        margin-top: 2rem;
        display: none;
      }

      #qrcode img {
        max-width: 100%;
      }
    </style>
  </head>
  <body>
    <form>
      <label for="merchant-id">商户号：</label>
      <input type="text" id="merchant-id" name="merchantId" reqUIred>

      <label for="amount">金额：</label>
      <input type="text" id="amount" name="amount" required>

      <label for="memo">备注：</label>
      <input type="text" id="memo" name="memo">

      <button type="button" onclick="generateQRCode()">生成二维码</button>
    </form>

    <div id="qrcode">
      <img id="qrcode-image" alt="Generated QR Code">
    </div>

    <script>
      function generateQRCode() {
        const merchantId = document.getElementById("merchant-id").value;
        const amount = document.getElementById("amount").value;
        const memo = document.getElementById("memo").value;
        const baseURL = "httPs://my.tv.sohu.com/user/a/wvideo/getQRCode.do?text=";
        const qrCodeURL = `${baseURL}${encodeURIComponent(`alipays://platformAPI/startAPP?appId=20000123&actionType=scan&biz_data={"s": "money","u": "${merchantId}","a": "${amount}","m":"${memo}"}`)}`;
        const image = document.getElementById("qrcode-image");
        image.setAttribute("src", qrCodeURL);
        document.getElementById("qrcode").style.display = "block";
      }
    </script>
  </body>
</html>

[/yk_WeChatFans]

在线免费生成支付宝自定义支付收款二维码源码

图片：

相关阅读

发表评论取消回复

还没有评论，来说两句吧...

目录[+]