以下代码实现了一个生成短网址并显示二维码的功能:

function generateQRCode(url) {
  var qrCodeUrl = 'https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=' + encodeURIComponent(url);
  return qrCodeUrl;
}

function sub() {
  var load = layer.load(),
    reg = new RegExp('&', 'g'),
    longurl = $('input[id='longurl']').val(),
    newlongurl = longurl.replace(reg, '%26');

  $.ajax({
    type: 'post',
    url: '/' + $('select[id='api']').val(),
    dataType: 'json',
    data: '?&longurl=' + newlongurl + $('select[id='dwzapi']').val(),
    async: true,
    success: function(a) {
      console.log(a);
      var strJson = JSON.stringify(a);
      var data = $.parseJSON(strJson);
      layer.close(load);
      if (data.code == 1) {
        $('#dwzdate').html(data.ae_url);
        var qrCodeUrl = generateQRCode(data.ae_url);
        $('#qrcode').attr('src', qrCodeUrl);
        var $modal = $('#your-modal');
        $modal.modal();
      } else {
        layer.msg(data.msg, {
          icon: 2
        });
      }
    },
    error: function() {
      layer.close(load);
      layer.msg('出问题咯,请联系站长!', {
        icon: 2
      });
    }
  })
}

在上面的代码中,generateQRCode函数用于生成二维码的URL。在success回调函数中,我们将生成的短网址传递给generateQRCode函数,并将返回的二维码URL设置为一个<img>标签的src属性。你需要在HTML中添加一个<img>标签,例如:

<img id='qrcode' src='' alt='QR Code'>

这样,当成功生成短网址时,会显示一个模态框,其中包含了短网址和对应的二维码。

标签: 常规


原文地址: https://gggwd.com/t/topic/bgpt 著作权归作者所有。请勿转载和采集!