标签：javascript jquery iframe popup document-ready

我正在尝试使用此技巧在准备好文档时打开文件下载对话框.相同的技巧对我又一次起作用,但是那一次,在ajax调用之后添加了iframe.这是代码段：

<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代码正确打印,但是却没有预期的行为：加载页面后,没有弹出下载文件.有什么帮助吗？

解决方法:

It works just fine,假设MIME的类型将开始下载,例如application / octet-stream.由于内置的​​pdf阅读器,您可能会遇到浏览器正在渲染它而不提供下载的问题.

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

如果客户端在现代浏览器上,则另一种解决方案是使用< a>.带有href和下载集,然后模拟对其的点击.

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,jquery,iframe,popup,document-ready
来源： https://codeday.me/bug/20191009/1879227.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。