用于文档预览的 Jquery 脚本？答案

【问题标题】：Jquery script for document preview?用于文档预览的 Jquery 脚本？
【发布时间】：2012-04-10 18:21:50
【问题描述】：

您知道jQuery 的任何组件，您可以使用这些组件在浏览器中预览.doc,.pdf,.jpg .... 文件吗？谢谢

【问题讨论】：

预览是什么意思？ JPG 在所有浏览器中都原生呈现，即使没有安装 adobe reader，也可能以某种方式呈现 PDF 文件。您在寻找类似 QuickLook 的东西吗？

标签： javascript jquery browser components preview

【解决方案1】：

如果您真的想在浏览器中保留所有内容，您可以单独显示图像并使用 pdf.js 显示 pdf。

如果您只需要以某种方式显示它，我建议您查看Google docs viewer（已正式停产，见下文），它允许您使用许多不同的文件，接下来您可以将其嵌入到 altschuler 提到的脚本之一中。（请参阅我对他的回答的评论，为什么单独使用这些工具不能解决问题）

google docs viewer 支持的文件类型

Microsoft Word（.DOC 和 .DOCX）

Microsoft Excel（.XLS 和 .XLSX）

Microsoft PowerPoint（.PPT 和 .PPTX）

Adobe 可移植文档格式 (.PDF)

Apple 页面 (.PAGES)

Adobe Illustrator (.AI)

Adobe Photoshop (.PSD)

标记图像文件格式 (.TIFF)

Autodesk AutoCad (.DXF)

可缩放矢量图形 (.SVG)

PostScript（.EPS、.PS）

TrueType (.TTF)

XML 纸张规范 (.XPS)

存档文件类型（.ZIP 和 .RAR）

虽然我不建议在生产或专业系统上使用这种用法，但您仍然可以按照here 的描述使用该系统。

【讨论】：

这不再可用。 Google 已停止此功能。
奇数。似乎是一个黑客/不可靠的功能。如果这不应该在 PROD 上使用，为什么将它作为答案的一部分发布？人们显然想要一个可以投入生产并提供满足他们问题的功能的解决方案只会为他们打开大门，以便他们更快地使用它进入市场，并在以后修复它。
@1337GameDev 因为并非人们所做的一切都是专业的或需要生产质量的解决方案;-)。
是的，但它只会鼓励糟糕和令人沮丧的设计......显然，一切都不应该是完美的，但我觉得提供“黑客”解决方案只会带来长远的问题，即使对于爱好项目也是如此.

【解决方案2】：

我认为您正在寻找灯箱功能。可以这么说，灯箱是（预）查看叠加层中的东西的通用名称。

有很多选择，这里有一些：

http://gettopup.com（试试#2 的例子，这看起来很像 quicklook）。
http://leandrovieira.com/projects/jquery/lightbox
http://jacklmoore.com/colorbox

您希望如何显示 .doc 和 .pdf 文件是另一个问题。

【讨论】：

请注意，如果您将 doc 和 pdf 文件嵌入其中一个脚本中，它将在一些浏览器和计算机（取决于可用的软件）中运行，但在 大多数它会显示文件以供下载。