google-chrome - 谷歌浏览器 - anchor 标签的下载属性

Question

我有一个扩展，可以将一些文件保存到下载文件夹中。以下代码仅用于测试

//This lies in the background page of my extension
function fileTest(name) {
    var a = document.createElement('a');
    a.href = 'data:text/plain;base64,SGVsbG8gV29ybGQh'; //Hello World!
    a.download = name + '.txt';
    a.onclick = function (e) {console.log('[TEST] ' + name);return true;};
    a.click();
}
window.onload = function() {
    fileTest('test1');
    fileTest('test12');
    fileTest('test123');
}

只有第一个文件“test1.txt”被保存到磁盘，尽管控制台的输出显示有3次点击

[TEST] test1

[TEST] test12

[TEST] test123

这是浏览器的故意限制吗？还是代码有问题？

Answer 1

当我跑 your code在常规浏览 session 中，我收到一个滑出通知(在窗口顶部)，上面写着

This site is attempting to download multiple files. Do you want to allow this?

因此，是的，限制非用户启动的下载是浏览器的安全限制。您可能看不到通知，因为该操作正在由您的后台页面执行。

限制似乎是每个用户操作一次下载，如 this variant 中所示。你的代码:

window.onclick = function() {
    fileTest('test1');
}

这将允许无限下载，但每个点击事件只能下载一次。