data:application/octet-stream;base64,SGVsbG8=
data:... URI呈现给用户。然后服务器很可能会将其作为HTTP“下载”响应直接回显（即使用适当的Content-Disposition头指定文件名）。 - Andrzej Doylevar exportFileName = "export-" + filename;
$('<a></a>', {
"download": exportFileName,
"href": "data:," + JSON.stringify(exportData, null,5),
"id": "exportDataID"
}).appendTo("body")[0].click().remove();
$().appendTo()分配给一个变量，然后调用variable.click(); variable.remove()来解决这个问题。 - p0lar_bear[0]都应该返回它所代表的第一个DOM元素，这本质上是将你从jQuery中“取出”。 - drzaus这个适用于Firefox 43.0（旧版本未经测试）：
dl.js:
function download() {
var msg="Hello world!";
var blob = new File([msg], "hello.bin", {"type": "application/octet-stream"});
var a = document.createElement("a");
a.href = URL.createObjectURL(blob);
window.location.href=a;
}
dl.html
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<title>Test</title>
<script type="text/javascript" src="dl.js"></script>
</head>
<body>
<button id="create" type="button" onclick="download();">Download</button>
</body>
</html>
(这个答案已经被新技术所取代，但是为了历史兴趣而保留在此处。)
有点hackish，但我以前也遇到过同样的情况。我正在使用javascript动态生成文本文件，并希望通过数据URI对其进行编码以供下载。
这可以通过小的大的用户干预来实现。生成一个链接<a href="data:...">右键单击我并选择“另存为...”，然后保存为“example.txt”</a>。正如我所说，这种方法不太优雅，但如果您不需要专业解决方案，它是有效的。
通过使用Flash将名称首先复制到剪贴板中，可以使此过程变得更加轻松。当然，如果您允许自己使用Flash或Java（现在似乎越来越少地支持浏览器？），您可能可以找到另一种方法来实现此目的。
<a href=.. download=.. > 可以用于左键和右键 -> 另存为..，
但是 <img src=.. download=.. > 在右键 -> 另存为.. 时不起作用，建议使用 "Download.jped"。
如果将两者结合起来：<a href=.. download=..><img src=..></a>
它可以用于左键、右键 -> 另存为..，右键 -> 另存图像为..
您必须将数据URI写两次（href 和 src），因此对于大型图像文件，最好使用 JavaScript 复制 URI。
在 Chrome/Edge 88 上测试通过
var isIE = /*@cc_on!@*/false || !!document.documentMode; // At least IE6
var sessionId ='\n';
var token = '\n';
var caseId = CaseIDNumber + '\n';
var url = casewebUrl+'\n';
var uri = sessionId + token + caseId + url;//data in file
var fileName = "file.i4cvf";// any file name with any extension
if (isIE)
{
var fileData = ['\ufeff' + uri];
var blobObject = new Blob(fileData);
window.navigator.msSaveOrOpenBlob(blobObject, fileName);
}
else //chrome
{
window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.TEMPORARY, 1024 * 1024, function (fs) {
fs.root.getFile(fileName, { create: true }, function (fileEntry) {
fileEntry.createWriter(function (fileWriter) {
var fileData = ['\ufeff' + uri];
var blob = new Blob(fileData);
fileWriter.addEventListener("writeend", function () {
var fileUrl = fileEntry.toURL();
var link = document.createElement('a');
link.href = fileUrl;
link.download = fileName;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}, false);
fileWriter.write(blob);
}, function () { });
}, function () { });
}, function () { });
}
实际上，您可以在Chrome和FireFox中实现此目标。
尝试以下网址，它将下载所使用的代码。
data:text/html;base64,PGEgaHJlZj0iZGF0YTp0ZXh0L2h0bWw7YmFzZTY0LFBHRWdhSEpsWmowaVVGVlVYMFJCVkVGZlZWSkpYMGhGVWtVaUlHUnZkMjVzYjJGa1BTSjBaWE4wTG1oMGJXd2lQZ284YzJOeWFYQjBQZ3BrYjJOMWJXVnVkQzV4ZFdWeWVWTmxiR1ZqZEc5eUtDZGhKeWt1WTJ4cFkyc29LVHNLUEM5elkzSnBjSFErIiBkb3dubG9hZD0idGVzdC5odG1sIj4KPHNjcmlwdD4KZG9jdW1lbnQucXVlcnlTZWxlY3RvcignYScpLmNsaWNrKCk7Cjwvc2NyaXB0Pg==
data:application/pdf;name=document.pdf;base64,BASE64_DATA_ENCODED。 - mems