如何设置Chrome扩展的文件下载位置使用JavaScript？

Question

嗨，我正在下载使用Chrome扩展选定的链接，但我无法设置下载位置。所有的网址都下载到Chrome的默认位置。我知道我们不能这样做是因为安全原因。我们可以在这里提示在Chrome扩展弹出窗口中的目录选择器对话框，用户可以选择下载路径。需要我的任何信息让我知道。

这可能吗？有关如何解决它的任何建议？

在此先感谢 我的代码

function downloadFile(url, onSuccess,arrayOfUrl,zip) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', url, true); 
    xhr.responseType = "blob"; 
    xhr.onreadystatechange = function() { 

     if (xhr.readyState == 4) { 
      if (onSuccess) 
      { 
      onDownloadComplete(xhr.response, arrayOfUrl,zip) 
      } 
} 
} 
xhr.send("null"); 
} 
function onDownloadComplete(blobData,urls,zip){ 
    if (count < urls.length) { 
     blobToBase64(blobData, function(binaryData){ 
       var fileName = urls[count].substring(urls[count].lastIndexOf('/')+1); 
       zip.file(fileName+".docx", binaryData, {base64: true}); 
       if (count < urls.length -1){ 
        count++; 
        downloadFile(urls[count], onDownloadComplete, urls,zip); 

       } 
       else { 

        var content = zip.generate(); 

        var zipName = 'download.zip'; 
       var a = document.createElement('a'); 
       a.href = "data:application/zip;base64," + content; 
       a.download = zipName; 
       a.click(); 
        count = 0; 

       } 
      }); 
    } 
} 

popup.js

function onDownloadComplete(blobData,urls,zip){ 


    if (count < urls.length) { 
     blobToBase64(blobData, function(binaryData){ 
       // add downloaded file to zip: 
       var fileName = urls[count].substring(urls[count].lastIndexOf('/')+1); 
       // zip.file(fileName, binaryData, {base64: true}); 
       zip.file(fileName+".docx", binaryData, {base64: true}); //file"+count+".docx" 
       if (count < urls.length -1){ 
        count++; 
        downloadFile(urls[count], onDownloadComplete, urls,zip); 

       } 
       else { 
       chrome.runtime.getBackgroundPage(function() { 
      zipAndSaveFiles(zip);}); 



      } 

      }); 
    } 
} 

**background.js** 

function zipAndSaveFiles(zip) 
{ 
    var content = zip.generate(zip); 
        var zipName = 'download.zip'; 
        var dataURL = 'data:application/zip;base64,' + content; 
        chrome.downloads.download({ 
        url:  dataURL, 
        filename: zipName, 
        saveAs: true 
        }); 
} 

Answer 1

既然你生成和下载只是一个ZIP文件，你可以使用chrome.downloads.download()方法。例如： -

var content = zip.generate(); 
var zipName = 'download.zip'; 
var dataURL = 'data:application/zip;base64,' + content; 
chrome.downloads.download({ 
    url:  dataURL, 
    filename: zipName, 
    saveAs: true 
}); 
count = 0; 

---

如果省略SaveAs对话框的显示，那么你只能指定一个用户自定义的下载文件夹中或者在它的子文件夹中的文件名。

---

关于与弹出的问题（见下文评论）： 您应该从后台页面调用的函数，而不是弹出。例如。你可以使用chrome.runtime.sendMessage/onMessage传递消息给你的背景页：

在background.js：

... 
function zipAndSaveFiles(...) { ... } 
chrome.runtime.onMessage.addListener(function(msg, sender) { 
    if ((msg.action === 'zipAndSave') 
      && (msg.params !== undefined)) { 
     zipAndSaveFiles(msg.params); 
    } 
}); 

在popup.js：

... 
chrome.runtime.sendMessage({ 
    action: 'zipAndSave', 
    params: ['url1', 'url2', 'url3'] 
});