在Web开发中,有时我们需要让用户将网页内容导出为Word文档(.doc 或 .docx)。虽然现代浏览器不直接支持生成.docx格式,但可以通过简单的HTML和JavaScript技术,利用 MIME 类型模拟 Word 文档下载。
通过设置 Blob 的 MIME 类型为 application/msword,并将 HTML 内容包装为兼容 Word 的结构,即可触发浏览器下载一个 .doc 文件。该方法生成的是旧版 Word 格式(.doc),但兼容性良好,适合基础文本和简单排版。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>这是导出的标题</h1>
<p>这是一段示例文字。</p>
</body>
</html>
function exportToWord(htmlContent, filename = 'document.doc') {
const blob = new Blob(['\ufeff', htmlContent], {
type: 'application/msword'
});
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);
}
docxtemplater 或后端服务。