如何在jQuery中为qrcode创建下载链接？

问题描述

我使用goqr.me接口创建qrcode镜像。现在我想为Qrcode图像创建一个下载链接。

我正在以这种方式创建Qrcode镜像：

function generateQrcode(data) {
    var params = {
        data: data,
        size: '200x200',
        margin: 0
    };

    // populate the preview box with the generate qrcode
    var dwnldUrl = 'https://api.qrserver.com/v1/create-qr-code/?'+$.param(params);
    previewBox.html('<img src="'+dwnldUrl+'" alt="qrcode-image"/>');
}

我想有一个Qrcode图像的下载按钮，如下所示：

$('#qrcode-dwnld-btn').click(function() {
   // something to trigger download for the image ....    

}

或者是否有其他跨浏览器解决方案？

感谢您的帮助。

推荐答案

我得到了解决方案。goqr.me接口提供了‘Download’参数，我们需要在请求下载镜像时将其值作为‘1’传入。

然后，我们可以将窗口位置href设置为结果URL。

$('#qrcode-dwnld-btn').click(function() {
    var qrCodeBaseUri = 'https://api.qrserver.com/v1/create-qr-code/?',
        params = {
            data: data,
            size: '200x200',
            margin: 0,
            // more configuration parameters ...
            download: 1
        };

    window.location.href = qrCodeBaseUri + $.param(params);        
});

这篇关于如何在jQuery中为qrcode创建下载链接？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！