FileSaver.js库的多重调用.toBlob有什么问题?

时间:2019-02-23 12:31:00

标签: javascript download filesaver.js

我正在尝试显示用户在其他浏览器TAB中下载的图像。下面的功能很好用,但只能运行一次,并且调用该功能后图像仍然保持不变。

saveImageTo_ButtonDownload = function(){
    myCanvas.toBlob(function(blob) {
        saveAs(blob, "canvas_Screenshot_.png");
    });

    var thisData = canvas_SaveImageTo.toDataURL("image/png");
    var thisWindow = window.open('about:blank','image from canvas');

    thisWindow.document.write("\n\
        <div style=\"text-align:center;\">\n\
            <br/><br/>\n\
            <h1>THANK YOU FOR YOUR DOWNLOAD!</h1>\n\
            <h2>Your image is shown below:</h2>\n\
            <br/><br/>\n\
            <img src='" + thisData + "' alt='from canvas'/>\n\
        </div>\n\
    ");
};

saveImageTo_ButtonDownload();

我的问题:

如何使用户能够在新选项卡中下载所需数量的图像(每次调用都具有不同的图像)?也许为此使用更好的库?

0 个答案:

没有答案