javascript - 下载 javascript 上的图像名称

Question

我需要 JavaScript 来下载一组图像。 它应该下载一些像这样的:

01.jpg
02.jpg
03.jpg....

但我得到默认文件名:

5cEDZLQ.jpg
5Npv209.jpg
5FgtD69.jpg...

这里是我要下载的函数:

function SaveToDisk(fileURL, fileName) {
        var save = document.createElement('a');
        save.href = fileURL;
        save.target = '_blank';
        save.download = fileName;

        var event = document.createEvent('Event');
        event.initEvent('click', true, true);
        save.dispatchEvent(event);
        window.webkitURL.revokeObjectURL(save.href);
    }

尝试了各种方法，但总是使用默认名称下载

Answer 1

虽然很长一段时间，但这里是解决方案。

使用 XMLHttpRequest 下载图像/文件并将结果传递给 FileSaver.js 中的函数 saveAs

示例:

var xhr = new XMLHttpRequest();
var url = 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/272px-Google_2015_logo.svg.png';
var name = 'Google Logo.png';
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onprogress = function(e) {
    if (e.lengthComputable) {
        console.log( ((e.loaded / e.total) * 100) + '%');
    }
};
xhr.onload = function() {
    if (this.status === 200) {
        var file = this.response;
        saveAs(file, name);
        console.log('File Saved!!!')
    }
};
xhr.onerror = function(e) {
    alert("Error " + e.target.status + " occurred while receiving the document.");
};
xhr.send();