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下载图像/文件，并将结果传递给函数saveAs FileSaver.js

示例：

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();

下载javascript上的图像名称

1 个答案: