我正在考虑制作一个完全基于 JavaScript 的 zip/unzip 实用程序，任何人都可以从浏览器访问它。他们只需将他们的 zip 文件直接拖入浏览器，它就会让他们下载其中的所有文件。他们还可以通过拖入单个文件来创建新的 zip 文件。
我知道最好在服务器端进行，但这个项目只是为了好玩。
如果我利用各种可用的方法，将文件拖入浏览器应该很容易。（Gmail 风格）
编码/解码应该没问题。我看过一些 as3 zip 库，所以我相信我应该没问题。
我的问题是最后下载文件。
window.location = 'data:jpg/image;base64,/9j/4AAQSkZJR....'
这在 Firefox 中工作正常，但在 Chrome 中无效。
我可以使用 将文件作为图像嵌入到 chrome 中<img src="data:jpg/image;ba.." />，但文件不一定是图像。它们可以是任何格式。
谁能想到另一种解决方案或某种解决方法？
如果您还想为文件提供建议的名称（而不是默认的“下载”），您可以在 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");
function download(dataurl, filename) {
const link = document.createElement("a");
link.href = dataurl;
link.download = filename;
link.click();
}
download("data:text/html,HelloWorld!", "helloWorld.txt");或者：
function download(url, filename) {
fetch(url)
.then(response => response.blob())
.then(blob => {
const link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = filename;
link.click();
})
.catch(console.error);
}
download("https://get.geojs.io/v1/ip/geo.json","geoip.json")
download("data:text/html,HelloWorld!", "helloWorld.txt");想法：
尝试<a href="data:...." target="_blank">（未经测试）
使用downloadify而不是数据 URL（也适用于 IE）
想分享我的经验并帮助那些在 Firefox 中无法正常下载的人，并更新了 2014 年的答案。以下代码段在 Firefox 和 chrome 中都可以使用，并且可以接受文件名：
// Construct the <a> element
var link = document.createElement("a");
link.download = thefilename;
// Construct the uri
var uri = 'data:text/csv;charset=utf-8;base64,' + someb64data
link.href = uri;
document.body.appendChild(link);
link.click();
// Cleanup the DOM
document.body.removeChild(link);
这是我在 Firefox 和 Chrome 但不在 Internet Explorer 中测试的纯 JavaScript 解决方案：
function downloadDataUrlFromJavascript(filename, dataUrl) {
// Construct the 'a' element
var link = document.createElement("a");
link.download = filename;
link.target = "_blank";
// Construct the URI
link.href = dataUrl;
document.body.appendChild(link);
link.click();
// Cleanup the DOM
document.body.removeChild(link);
delete link;
}
迄今为止发现的跨浏览器解决方案：
下载 -> 需要 Flash
databounce -> 在 IE 10 和 11 中测试过，对我不起作用。需要一个 servlet 和一些自定义。（错误地检测导航器。我必须在兼容模式下设置 IE 进行测试，servlet 中的默认字符集，JavaScript 选项对象具有正确的 servlet 绝对路径路径......）对于非 IE 浏览器，它在同一窗口中打开文件。
download.js -> http://danml.com/download.html另一个类似但未测试的库。声称是纯 JavaScript，不需要 servlet 或 Flash，但不适用于 IE <= 9。