JS文件下载页面跳转出现空白页解决办法

原创于 2020-08-11 15:09:11 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种解决使用window.open或location.href下载文件时出现空白页或页面跳转问题的方法，通过使用iframe元素可以避免这些问题，确保文件下载的顺利进行。

原因

文件下载出现空白页或页面跳转，是因为直接用文件地址跳转window.open或者location.href这种方式会有页面跳转的情况出现。
如果用iframe来做就可以解决这个问题

实例

//传入参数src为文件地址
 
   function  download (src) {
       var download_file= {} 
      if (typeof(download_file.iframe) == "undefined") {
        var iframe = document.createElement("iframe");
        download_file.iframe = iframe;
        document.body.appendChild(download_file.iframe);
      }
      download_file.iframe.src = src
     download_file.iframe.style.display = "none";
    },


	function downloadFile() {   
        try{ 
            var urlFile="http://localhost/File/test.xls";
            var elemIF = document.createElement("iframe");   
            elemIF.src = urlFile;   
            elemIF.style.display = "none";   
            document.body.appendChild(elemIF);   
        }catch(e){ 
 
        } 
    }