使用纯前端技术在浏览器中创建可下载的Word文件
前端生成Word文档是指通过JavaScript在用户的浏览器中直接创建.doc或.docx文件,用户可以立即下载。这种方法无需服务器处理,保护用户隐私,响应速度快。
常用于:报告生成、合同导出、简历制作、内容备份等场景。
利用浏览器的 Blob 和 URL.createObjectURL API,将文本内容包装成Word可识别的格式(如RTF或HTML格式的.doc文件),然后触发下载。
虽然不是真正的.docx格式,但主流版本的Microsoft Word和WPS均能正常打开。
以下是一个简单的JavaScript函数,用于生成并下载Word文档:
function generateWord(content, filename = 'document.doc') {
// 创建Word兼容的HTML内容
const wordContent = `
<html xmlns:o='urn:schemas-microsoft-com:office:office'
xmlns:w='urn:schemas-microsoft-com:office:word'
xmlns='http://www.w3.org/TR/REC-html40'>
<head><meta charset='utf-8'><title>Document</title></head>
<body>${content}</body>
</html>`;
// 创建Blob对象
const blob = new Blob(['\uFEFF' + wordContent], {
type: 'application/msword;charset=utf-8'
});
// 创建下载链接并触发
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = filename;
link.click();
URL.revokeObjectURL(link.href);
}
// 使用示例
// generateWord('<h1>标题</h1><p>这是段落内容</p>', '我的文档.doc');
点击按钮生成一个示例Word文档: