时间戳

首页 > 解决方案 > 使用 ViewerJs 以 odp 格式显示数据时出现“加载资源失败”错误

html - 使用 ViewerJs 以 odp 格式显示数据时出现“加载资源失败”错误

问题描述

我想使用 ViewerJs 以 odp 格式显示幻灯片。

我将 Microsoft Office 的 PowerPoint 应用程序中的文件从“.pptx”扩展名转换为“.odp”扩展名。

我手动将“ohm2013.pptx”替换为“ohm2013.odp”和“ohm2013.ods”并将其添加到我的项目中。

我添加的文件的图像

和我的代码；

<iframe src="/ViewerJS/#../ohm2013.pptx" width='400' height='300' allowfullscreen webkitallowfullscreen></iframe>
<iframe src="/ViewerJS/#../ohm2013.ods" width='400' height='300' allowfullscreen webkitallowfullscreen></iframe>
<iframe src="/ViewerJS/#../ohm2013.odp" width='400' height='300' allowfullscreen webkitallowfullscreen></iframe>

和结果；

html结果

我可以为“.odp”扩展名做什么？

标签： htmliframe

解决方案

我发现如何完成这项工作 webodf 需要一个 http-server 来处理具有 odp 扩展名的文件，并且它必须在 http server viewerjs 的路径中运行。

我用这样的nodejs命令提示符做了这个

npm install http-server -g

http-server "C:\Users\subUser\source\repos\Works\OdpViewerJs\ViewerJS"

和结果

Available on:
   http://192.168.1.8:8081
   http://127.0.0.1:8081

我为上面运行的服务器创建了 test.html；

<html dir = "ltr" lang = "en-US">
     <body>
<iframe src = "/#../test.odp" width = '400' height = '300' allowfullscreen webkitallowfullscreen> </iframe>
     </body>
</html>

然后就去“ http://localhost:8081/test.html”

在此处输入图像描述

推荐阅读