生成短网址并显示二维码功能代码示例
以下代码实现了一个生成短网址并显示二维码的功能:
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 著作权归作者所有。请勿转载和采集!