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

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。

IE浏览器下载文件会自动打开,无弹框保存_第1张图片
有两种部署类型: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;
    }
}
完美解决:

在这里插入图片描述

你可能感兴趣的:(页面效果,js)