使用javascript从HTML转换word文档时无法添加图像

时间:2015-08-03 12:42:15

标签: 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>

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

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

我试过了:     img src =“https:// hostname / imagepath”,     img src =“data:image / png; base64encodeduri”  并开始尝试使用VML但没有运气(编码的srcs在浏览器中将它们用作URL时打开很好。)

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

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

由于

1 个答案:

答案 0 :(得分:3)

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

我建议关注此tutorial。在涉及数据保存方式时,它非常详细。

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