使用JavaScript将Office文档转换为HTML以在浏览器中查看

使用JavaScript将Office文档转换为HTML以在浏览器中查看,java,javascript,html,angularjs,apache,Java,Javascript,Html,Angularjs,Apache,我们正在开发AngularJS应用程序。要求是以HTML格式在新选项卡中显示文档。因此,我们正在实现一个转换器,它基本上将office文档doc、docx和odt转换为HTML查看器。我们已经实现了转换器使用。我们已经编写了三个转换器来将doc、docx和odt转换为HTML 问题 文本转换工作正常,但当文档包含任何图像时会出现问题。因此,转换器通过在本地系统上下载图像来提取图像: 现在,下一个任务是将转换后的文档显示为HTML,它包含用于包含图像的本地文件系统路径将不会将图像显示为JS: N

我们正在开发AngularJS应用程序。要求是以HTML格式在新选项卡中显示文档。因此,我们正在实现一个转换器,它基本上将office文档doc、docx和odt转换为HTML查看器。我们已经实现了转换器使用。我们已经编写了三个转换器来将doc、docx和odt转换为HTML

问题

文本转换工作正常,但当文档包含任何图像时会出现问题。因此,转换器通过在本地系统上下载图像来提取图像:

现在,下一个任务是将转换后的文档显示为HTML,它包含用于包含图像的本地文件系统路径将不会将图像显示为JS:

 Not allowed to load local resource: file:///C:/Users/admin/M_Test/image/image1.JPG
更新

我已将图像路径更改为我的网站路径:http:\localhost:111\temp\ebe6a869-3df7-4ef4-b798-5ed323e4090f\images\myimage/wor‌​d/media/image1.JPG,位于options.URIResolvernew FileURIResolvernew filelocalhostimagepath

但在转换时,它会附加到我的项目路径,如:C:\my\U DRIVE\PROJECTS\OutSource\svn\IAP Dynamic Sql\http:\localhost:111\temp\ebe6‌​a869-3df7-4ef4-b798-5ed323e4090f\images\myimage/word/media/image1.JPG

它如何只能是我的本地主机路径

因此,总的来说,我们无法将文档加载到新选项卡中的well格式


这是将文档转换为HTML的正确方法还是可以采用任何更好的方法?

您可能希望使用庞大的JS库,而不是编写自定义代码来转换这些内容。看起来可能晚了4年:但无论如何,这是一个用于显示文档的库,通过在浏览器端将docx文档转换为html,也可以在后端处理它们

库支持-JavaScript,包括浏览器和node.js。可在npm上获得。 python可在PyPI上获得。 WordPress。 Java/JVM。在Maven Central上提供。 网在NuGet上提供。 链接:演示和文章 github:
我认为您需要将图像URL路径设置为新的FileURIResolverFile baseURL,而不是本地URLfolder@KostyaShkryob我已将我的网站路径中的图像更改为http:\localhost:111\temp\ebe6a869-3df7-4ef4-b798-5ed323e4090f\images\myimage/word/media/image1.JPG,但在转换时,它会附加我的项目路径,如:C:\my_DRIVE\PROJECTS\OutSource\svn\IAP Dynamic Sql\http:\localhost:111\temp\ebe6a869-3df7-4ef4-b798-5ed323e4090f\images\myimage/word/media/image1.JPG,它只能是我的本地主机路径。它不支持文档文件。
 Not allowed to load local resource: file:///C:/Users/admin/M_Test/image/image1.JPG