javascript - 使用 javascript 从 HTML 转换 Word 文档时添加图像时遇到问题

标签 javascript html ms-word

我正在尝试在客户端上动态生成报告的 Word 文档。

我创建了一个 HTML 字符串,格式如下:

<html xmlns:office="urn:schemas-microsoft-com:office:office" xmlns:word="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
    <xml>
        <word:WordDocument>
        <word:View>Print</word:View>
        <word:Zoom>90</word:Zoom>
        <word:DoNotOptimizeForBrowser/>
        </word:WordDocument>
    </xml>
    <style>Some CSS</style>
</head>
<body>
    Some HTML
</body>

然后对 HTML 字符串进行 base64 转换,并将 a 上的 download 属性设置为“data:text/html,base64EncodedText”

除了图像不起作用之外,一切正常。

我尝试过: img src="https://主机名/imagepath", img src =“数据:图像/png;base64encodeduri” 并开始尝试使用 VML,但没有成功(在浏览器中将编码的 src 用作 URL 时,它们可以正常打开)。

有人可以帮忙吗?将图像放入 Word 文档的最佳方法是什么?

如果可能的话,我想避免使用库,我已经查看了 docx.js 但由于许可而无法使用它(并且没有相关示例......)。

谢谢

最佳答案

我在尝试将 html 转换为 Word 文档时遇到了类似的问题。 Word 无法读取以 base64 编码的图像,并且在 css 和图像样式属性方面有一些限制。

我建议遵循此tutorial 。对于数据的保存方式,它非常详细。

应该注意的是,它仅适用于保存为 .doc 格式的文件。

关于javascript - 使用 javascript 从 HTML 转换 Word 文档时添加图像时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31787584/

相关文章:

javascript - 自动增加mongodb中的一个字段

html - CSS - 调整浏览器窗口大小时固定边框宽度变化

excel - Microsoft Excel 错误 : "There was a problem sending the command to the program."

vba - 如何在Word宏中的TextBox中插入文本

javascript - 如何检查是什么导致了 Meteor 中的 Tracker.autorun 起火?

javascript - 有没有办法阻止链接打开但仍被索引?

JavaScript "is not a function"问题

javascript - 悬停时如何更改 anchor 文本颜色?

javascript - 通过 Javascript 应用默认样式

ms-word - 在 MS Word 字段中显示日期差异