我正在尝试在 Chrome 扩展程序中下载多个文件。下面的代码创建一个文件的虚拟链接,然后触发下载文件的 .click() 事件。问题是只有第一个 .click() 事件触发下载。随后的 .click() 事件将被忽略。
这里manifest.json:
{
"name": "Simple File Downloader",
"version": "0.1",
"permissions": ["contextMenus", "http://*/"],
"background": {
"persistent": false,
"scripts": ["sample.js"]
},
"content_security_policy": "script-src 'self'; object-src 'self'",
"manifest_version": 2
}
这里是sample.js:
function onClickHandler(info, tab) {
var a = document.createElement('a');
a.href = 'http://or.cdn.sstatic.net/chat/so.mp3';
a.download = 'so.mp3';
document.body.appendChild(a);
a.click(); // this click triggers the download
// this timeout violates content security policy
// setTimeout(a, 300);
a.click(); // this click doesn't do anything
document.body.removeChild(a);
a = document.createElement('a');
a.href = 'http://or.cdn.sstatic.net/chat/so.mp3';
a.download = 'so.mp3';
document.body.appendChild(a);
a.click(); // this click doesn't do anything either
document.body.removeChild(a);
};
chrome.contextMenus.onClicked.addListener(onClickHandler);
chrome.runtime.onInstalled.addListener(function() {
chrome.contextMenus.create({"title": "Download File", "id":"download_file"});
});
我试过了:
Chrome 扩展程序中描述的下载文件的不同方法使用 FileSaver.js写入文件系统,结果完全相同,第一个文件被下载,第二个文件不被下载
添加超时,如Is it possible to make two .click method calls in javascript 中所述,导致违反 content-security-policy,我尝试使用Content-Security-Policy error in google chrome extension making 中描述的方法解决此问题,但没有成功
使用 JQuery click event 中描述的 jQuery .live 方法只工作一次,也没有成功,但我不是 100% 确定我正确地实现了这个(如果人们认为这种方法应该解决它,可以稍后发布代码)
很惊讶为什么简单地保存多个文件如此困难。感谢任何帮助。