您的MIME类型设置为“application / octet-stream”，这通常会被下载而不是显示（取决于浏览器和系统设置）。如果您正在尝试加载可在浏览器中显示的内容，则应使用更适合您内容的MIME类型，以使其内联显示并且不会被下载。
请注意：从Chrome 60开始和即将推出的版本的FireFox（尽管似乎FireFox仍然支持图片），数据URI不能在浏览器的顶层框架中打开（而且IE/Edge从未支持过），但可以在iframe和img元素中打开。
下面的解决方法已经在上述浏览器的最新版本中进行了测试并工作正常。这也可以通过使用img标签来重写，以显示图像。
<button id='btnDownload'>Download</button>
document.getElementById('btnDownload').addEventListener('click', function(){
var w = window.open('about:blank');
setTimeout(function(){
w.document.body.appendChild(w.document.createElement('iframe'))
.src = 'data:application/octet-stream;base64,SWYgSSBoYWQgYSBuaWNrbGUgZm9yIGV2ZXJ5IHRpbWUgSSBoYWQgYSBuaWNrbGUsIEknZCBoYXZlIGVhdGVuIHR3aWNlIGFzIG1hbnkgcGlja2xlcy4=';
}, 0);
});
然而，如果你的意图仅是下载内容（与问题中所述意图相反，但适用于“应用程序/八进制流”类型的内容），那么这应该足够：
<a href='data:application/octet-stream;base64,SWYgSSBoYWQgYSBuaWNrbGUgZm9yIGV2ZXJ5IHRpbWUgSSBoYWQgYSBuaWNrbGUsIEknZCBoYXZlIGVhdGVuIHR3aWNlIGFzIG1hbnkgcGlja2xlcy4=' download>Download this</a>
