IE可以实现的浏览器js下载文件的方法

最新推荐文章于 2024-08-12 10:26:26 发布

空山新雨君

最新推荐文章于 2024-08-12 10:26:26 发布

阅读量1.2w

点赞数

分类专栏：前端 js 文章标签：前端 js

本文链接：https://blog.csdn.net/xxtz0522/article/details/83928123

版权

前端同时被 2 个专栏收录

51 篇文章 2 订阅

订阅专栏

17 篇文章 0 订阅

订阅专栏

方法一：

打开新窗口，替换成下载界面

function doSave(obj) {
    obj=document.getElementById('obj');//obj是需要下载的内容
    if (isIE()){//IE浏览器保存文本框内容
    var winname = window.open('', '_blank', 'top=10000');
    winname.document.open('text/html', 'replace');
    winname.document.writeln(obj.value);
    winname.document.execCommand('saveas','','code.htm');//code.htm可改为自定义文件名
    winname.close();}
}

function isIE()//判断浏览器类型
{ 
  if(!!window.ActiveXObject || "ActiveXObject" in window) 
    return true; 
  else 
    return false; 
}

参考：https://www.jb51.net/article/135091.htm?tdsourcetag=s_pctim_aiomsg

方法二：

通过blob对象下载

mod.doSave=function(obj,fileName) {
        if (isIE()){//IE浏览器保存文本框内容
            var filename = fileName + ".txt";
            var type = "text/plain; charset=UTF-8";

            var blob = typeof File === 'function'
                ? new File([obj], filename, { type: type })
                : new Blob([obj], { type: type });
            if (typeof window.navigator.msSaveBlob !== 'undefined') {
                // IE workaround for "HTML7007: One or more blob URLs were revoked by closing the blob for which they were created. These URLs will no longer resolve as the data backing the URL has been freed."
                window.navigator.msSaveBlob(blob, filename);
            } else {
                var URL = window.URL || window.webkitURL;
                var downloadUrl = URL.createObjectURL(blob);

                if (filename) {
                    // use HTML5 a[download] attribute to specify filename
                    var a = document.createElement("a");
                    // safari doesn't support this yet
                    if (typeof a.download === 'undefined') {
                        window.location = downloadUrl;
                    } else {
                        a.href = downloadUrl;
                        a.download = filename;
                        document.body.appendChild(a);
                        a.click();
                    }
                } else {
                    window.location = downloadUrl;
                }
            }

        }
    }

方法三：

function downloadFile(url){ 
    //var url = CONTEXTPATH + "/cim/favorite/plotlayer/download?id=" + recordid +     "&filetype=" + filetype; 
    var elemIF = document.createElement("iframe");  
    elemIF.src = url;  
    elemIF.style.display = "none";  
    document.body.appendChild(elemIF);  
 }

（url是下载的内容）

（此方法同样适用于xls下载，url返回xls表格则下载xls）

参考：https://blog.csdn.net/lishuangzhe7047/article/details/43560447