Question

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

这是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以编程方式下载文件？

Answer 1

执行此操作的一种方法是将事件侦听器添加到标记。

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网络扩展中运行。

如何使用Firefox WebExtension以编程方式下载在文件上创建的文件？

1 个答案: