javascript - 下载数据 URL 文件

Question

我正在考虑制作一个完全基于 JavaScript 的压缩/解压缩实用程序，任何人都可以从浏览器访问它。他们可以直接将他们的 zip 文件拖到浏览器中，这样他们就可以下载其中的所有文件。他们还可以通过将单个文件拖入来创建新的 zip 文件。

我知道在服务器端做会更好，但这个项目只是为了一点乐趣。

如果我利用各种可用的方法，将文件拖到浏览器中应该很容易。 (Gmail 风格)

编码/解码应该没问题。我看过一些 as3 zip 库，所以我确信我应该没问题。

我的问题是最后下载文件。

window.location = 'data:jpg/image;base64,/9j/4AAQSkZJR....' 

这在 Firefox 中可以正常工作，但在 Chrome 中不行。

我可以使用 <img src="data:jpg/image;ba.." /> 将文件作为图像嵌入到 chrome 中，但文件不一定是图像。它们可以是任何格式。

谁能想到另一种解决方案或某种变通方法？

Answer 1

如果您还想为文件提供一个建议的名称(而不是默认的“下载”)，您可以在 Chrome、Firefox 和某些 IE 版本中使用以下名称:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

下面的例子展示了它的用法:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");