javascript - 在文档准备好的文件下载时打开隐藏的iframe [英] javascript - opening hidden iframe for file download on document ready

问题描述

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

I’m trying to use this trick to open a file download dialog on document ready. The same trick has worked another time for me, but that time the iframe was added after an ajax call. This is the snippet:

<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代码中正确打印，但它没有预期的行为：没有下载加载页面后出现文件弹出窗口。有什么帮助？

While the iframe is correctly printed in html code, it doesn’t have the expected behaviour: no download file popup appears after loading the page. Any help on why?

推荐答案

工作得很好 ，假设MIME是一种可以开始下载的类型，例如 application / octet-stream 。由于内置的​​pdf阅读器，您可能会遇到浏览器呈现它而不提供下载的问题。

It works just fine, assuming that the MIME is of a type that will start a download, for example application/octet-stream. You may be encountering an issue where the browser is rendering it and not offering a download due to an in-built pdf reader.

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

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

An alternate solution, if the client is on a modern browser, is to use an <a> with href and download set, then simulate a click on it.

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);

这篇关于javascript - 在文档准备好的文件下载时打开隐藏的iframe的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！