5

我正在尝试使用 Firefox 45.0.1 移植以编程方式创建文件并将文件下载到 Firefox WebExtension 的 Chrome 扩展。

这是 Javascript 代码：

  text = '{"greeting":"Hello, World!"}';
  var a = document.createElement('a');
  var file = new Blob([text], {type: 'text/json'});
  a.href = URL.createObjectURL(file);
  a.download = 'hello.world';   // Filename  
  a.click();                    // Trigger download

所有行似乎都执行得很好，但没有下载文件（我在console.log()之后放了一个a.click()）。

到目前为止，Firefox WebExtensions 中没有 chrome.downloads API。

上面的代码中是否有与 Firefox 不兼容的地方？是否有其他替代方法可以使用 Firefox WebExtension 以编程方式下载文件？

4

1 回答 1

1

一种方法是在 a 标签中添加一个事件监听器。

text = '{"greeting":"Hello, World!"}';
var a = document.createElement('a');
var file = new Blob([text], {type: 'text/json'});
a.href = URL.createObjectURL(file);
a.download = 'hello.world';   // Filename  
a.addEventListener('click', dlLinkClicked);


function dlLinkClicked(e){
    var link = e.currentTarget.href;
    var filename = e.currentTarget.download;

    /*downloadVidWithChromeApi downloads using the chrome download API, 
    otherwise returns false and starts downloading the file 
    using the html5 download - you don't have to do anything else*/

    if(downloadVidWithChromeApi(link, filename)){
        e.preventDefault();
    }
}

function downloadVidWithChromeApi(link, fileName){
    if(chrome.downloads && chrome.downloads.download){
        chrome.downloads.download({
            url: link,
            saveAs: false,
            filename: fileName // Optional
        });
        return true;
    }else{
        return false;
    }
}

请注意，我使用这样的downloadVidWithChromeApi函数来检查是否支持 chrome.downloads。

因此，此代码可以按原样在 firefox、chrome 和 opera web 扩展中运行。

于 2016-03-22T10:31:40.020 回答