IE浏览器下载文件会自动打开，无弹框保存

最新推荐文章于 2023-05-12 10:42:09 发布

南方姑娘-qing

最新推荐文章于 2023-05-12 10:42:09 发布

阅读量3.3k

点赞数 1

分类专栏：页面效果文章标签： js

本文链接：https://blog.csdn.net/csdn_cai_csdn/article/details/108244841

版权

页面效果专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JS弹框下载文件方法

function DownloadFile(sUrl, reName) {
    if (window.downloadFile.isChrome || window.downloadFile.isSafari) {
        //Creating new link node.
        var link = document.createElement('a');
        link.href = sUrl;

        if (link.download !== undefined) {
            var fileName = reName;
            link.download = fileName;
        }

        //Dispatching click event.
        if (document.createEvent) {
            var e = document.createEvent('MouseEvents');
            e.initEvent('click', true, true);
            link.dispatchEvent(e);
            return true;
        }
    }

    // Force file download (whether supported by server).
    if (sUrl.indexOf('?') === -1) {
        sUrl += '?download';
    }

    window.open(sUrl, '_self');
    return true;
}
window.downloadFile.isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
window.downloadFile.isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;

DownloadFile('http://xxx/Log/default.cfg', 'data.cfg')

但是此方法不支持IE浏览器，可需求要支持IE下载。

现象

IE浏览器请求服务器上文本文件（.txt，json，.cgf等等）时，浏览器会自动打开

解决方法

后台：将请求响应头（Request Headers）的Content-Disposition（内容部署）设置为attachment。

在这里插入图片描述
有两种部署类型：inline和attachment
inline ：将文件内容直接显示在页面
attachment：弹出对话框让用户下载

前端：修改DownloadFile()方法

function DownloadFile(sUrl, reName)
{ 
    var Link = document.createElement('a');
    Link.href = sUrl;
    if (Link.download !== undefined) 
    {
        //var CurrentTime = new Date().toLocaleString();
        var FileName = reName;    
        Link.download = FileName;
    }

    if (document.createEvent) 
    {
        var E = document.createEvent('MouseEvents');
        E.initEvent('click', true, true);
        Link.dispatchEvent(E);
        return true;
    }
}