直接客户端浏览器下载文件，不必通过回传服务器再下载(例如将table内容导出excel)

最新推荐文章于 2022-04-21 19:37:58 发布

bigwell918

最新推荐文章于 2022-04-21 19:37:58 发布

阅读量789

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签：直接客户端浏览器下载文件不必通过回传服务器再下载

本文链接：https://blog.youkuaiyun.com/bigwell918/article/details/79059971

Javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种实用的方法，用于将表格内容导出为Excel文件。该方法通过JavaScript实现，能够适应不同浏览器环境，确保文件内容正确导出，并提供了一个通用函数saveFile，方便开发者在各种场景下使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//value：文件内容，type：文件类型，name：文件名 

//(例如将table内容导出excel，可以生成xml格式的xls内容，然后直接调用这函数下载到客户端电脑)
function _saveFile(value,
type, name) {
var blob;
if (typeof
window.Blob ==
"function") { 
blob = new
Blob([value], {type:
type}); 
} else { 
var BlobBuilder =
window.BlobBuilder ||
window.MozBlobBuilder ||
window.WebKitBlobBuilder ||
window.MSBlobBuilder;
var bb =
new BlobBuilder();
bb.append(value);
blob = bb.getBlob(type);
} 
var URL =
window.URL ||
window.webkitURL;
var bloburl =
URL.createObjectURL(blob);
var anchor =
document.createElement("a");
if ('download'
in anchor) {
anchor.style.visibility =
"hidden"; 
anchor.href =
bloburl; 
anchor.download =
name; 
document.body.appendChild(anchor);
var evt =
document.createEvent("MouseEvents");
evt.initEvent("click",
true, true);
anchor.dispatchEvent(evt);
document.body.removeChild(anchor);
} else if (navigator.msSaveBlob) {
navigator.msSaveBlob(blob,
name); 
} else { 
location.href =
bloburl; 
} 
}