如何在使用html.twig和javascript下载文件时更改二维码文件名

Question

我有个二维码按钮。单击后，将生成二维码，并弹出保存图像格式的对话框。其中文件名总是以"qrcode.png“的形式出现。我必须将文件名动态更改为从中生成二维码的文件的名称。

求求你帮帮我。我对这项技术还很陌生。

HTML树枝

<th data-field="QR-BTN" data-width="60px" data-orderable="false">{{ 'QR'|trans }}</th>

JAVASCRIPT

var QREXPORT = (function() {

var qrCodeExport = function (e){

    e.preventDefault();
    //goqr.me api url 
    const QRCODE_API_URL = "https://api.qrserver.com/v1/create-qr-code/?"; //Library Used

    var $form            = $('#modal-qr-export-offering'),
        qrFormat         = $("input[name='qrCodeType']:checked").val(),
        jsFormData       = $form.data('bs.modal'),
        accessCode       = jsFormData.options.accesscode;

    var params = {
                    data:     "SESSION-" + accessCode,
                    size:     "250x250",
                    margin:   0,
                    download: 1,
                    format:   qrFormat,
                 };

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

};

return {

    init: function() {

        $(document).ready(function(){

            $('#radioSvg').prop('checked', true);

            $('#modal-qr-export-offering').on('hidden.bs.modal', function() {
                location.reload();
            });

        });

        $(document).on('click', '.js-btn-submit-form', qrCodeExport);

    }
};

})();

QREXPORT.init();

Answer 1

尝试使用带有download属性的a标记...？

const linkEl = document.createElement('a')
linkEl.href = QRCODE_API_URL + $.param(params);
linkEl.download = 'download-name-here.png'
document.body.appendChild(linkEl)
linkEl.click()
// Maybe remove the link after it worked...?
linkEl.remove()