javascript - 打开隐藏的 iframe 以在文档准备好时下载文件

我正在尝试使用这个技巧在文档准备好时打开文件下载对话框。同样的技巧又对我有用过一次，但那次 iframe 是在 ajax 调用后添加的。这是片段：

<script type="text/javascript">
  $(document).ready(function() {
     var url='/my_file_url/';
     var _iframe_dl = $('<iframe />')
                       .attr('src', url)
                       .hide()
                       .appendTo('body');
  });
</script>

虽然 iframe 在 html 代码中正确打印，但它没有预期的行为：加载页面后不会出现下载文件弹出窗口。有什么帮助吗？

效果很好，假设 MIME 属于将开始下载的类型，例如应用程序/八位字节流。您可能会遇到这样的问题：浏览器正在渲染它，但由于内置的​​ pdf 阅读器而无法提供下载。

$(document).ready(function(){
var url='data:application/octet-stream,hello%20world';
var _iframe_dl = $('<iframe />')
       .attr('src', url)
       .hide()
       .appendTo('body');
});

如果客户端使用现代浏览器，另一种解决方案是使用<a> with href and download设置，然后模拟点击它。

var a = document.createElement('a'),
    ev = document.createEvent("MouseEvents");
a.href = url;
a.download = url.slice(url.lastIndexOf('/')+1);
ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0,
                  false, false, false, false, 0, null);
a.dispatchEvent(ev);