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;
}
}