5

输入是可变数量的 URL（远程），所有链接图像资源。希望允许用户允许批量下载所有这些 URL。由于我们谈论的是 1000-2000 个图像资源，因此要求用户为每个 URL 单击“另存为...”是不可行的。

我最初的尝试是将所有图像下载到一个 blob 中（如何将加载的图像读入 blob？，由于同源策略而不起作用），归档文件并允许用户下载它（所有这个客户端边）。

我想知道有哪些可能的替代解决方案？无论解决方案是什么，都不得涉及随时将远程资源下载到服务器。

4

2 回答 2

1

虽然这不可能，但我设法在 Chrome 中用一些魔法做到了这一点。首先，您需要为download所有链接 f.ex 设置属性：

<a href="http://example.com/image1.jpg" download>download</a>
<a href="http://example.com/image2.jpg" download>download</a>

然后创建一个合成点击函数：

function makeClick(element) {
    var evt = element.ownerDocument.createEvent('MouseEvents');
    evt.initMouseEvent('click', true, true,
        element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false,
        false, false, false, 1, null);
    element.dispatchEvent(evt);
}​

然后只需遍历您的链接并调用它：

var links = document.getElementsByTagName('a');
for(var i=0;i<links.length; i++) {
    makeClick(links[i]);
}

这是一个演示：http: //jsfiddle.net/37pFC/

在 Chrome 中，您会收到类似“此站点希望您下载多个文件。允许？”的警告。但这可能是可以管理的。

免责声明：我没有在其他浏览器中尝试过，我认为它不是非常友好的跨浏览器。

于 2012-12-19T11:25:54.377 回答
0

我真的想不出更好的办法，只能根据用户的偏好在服务器端准备一个存档，然后让用户下载包。

我猜你可以让用户安装一个浏览器扩展，允许对二进制数据和本地文件系统进行更多控制，但我怀疑这就是你要找的。

于 2012-12-19T11:25:33.830 回答