使用纯前端技术在浏览器中创建可下载的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文档: