本文介绍了如何在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创建下载链接?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

11-02 19:21