如何使用fancybox显示word文档答案

【问题标题】：How to display a word document using fancybox如何使用fancybox显示word文档
【发布时间】：2012-03-14 04:49:03
【问题描述】：

HTML 代码

<div class='case'>
    <a href="http://localhost/DXXX/case/reqirement.doc" rel="case"> view</a>
</div>

jQuery 代码

$(".case").live('click', function(){
    $.fancybox({
        openEffect: 'elastic',
        closeEffect: 'elastic'
    });
});

它显示请求的内容无法加载，请稍后再试....我下载了该文档文件...如何使用fancybox显示该文档文件

【问题讨论】：

【解决方案1】：

更新日期：2017 年 1 月 29 日

Google Docs Viewer 允许将 Word 文档视为（只读）文档而不是图像（因为它以前可以工作），因此您实际上可以从显示的文档中选择并复制到另一个文档中。

使用 Fancybox v2.1.5 添加了一个JSFIDDLE

在没有上述所有问题的情况下，唯一可行的方法是使用 Google 文档查看器通过 iframe 显示文件的图像......所以这个脚本：

$(document).ready(function() {
 $(".word").fancybox({
  'width': 600, // or whatever
  'height': 320,
  'type': 'iframe'
 });
}); //  ready

使用这个 html：

<a class="word" href="http://docs.google.com/gview?url=http://domain.com/path/docFile.doc&embedded=true">open a word document in fancybox</a>

... 应该可以解决问题。

~~请注意，您实际上打开的不是 Word 文档，而是它的图像，如果您只想显示文档的内容，这将起作用。~~

顺便说一句，我注意到您必须使用 fancybox v2.x。在这种情况下，您根本不需要 .live() 方法，因为 fancyBox v2 已经使用“live”来处理点击。

【讨论】：

@Aamir 表示文档的路径（或文档名称）不正确
顺便说一句，如果有人尝试使用 .net 并尝试显示来自本地主机的文件（就像我一样），除非您使用将本地主机服务器发布为的工具，否则上述方法将不起作用一个公共网址。我用过 Finch，效果很好。
@Aamir ：在答案中添加了一个 jsfiddle 用于演示目的
是否可以在浏览器中打开文件而不在服务器中部署word文件？

【解决方案2】：

你不能。浏览器没有任何内置方式来查看 Word 文档，因此除非用户已将浏览器配置为使用某些插件打开它（世界上 99% 的人还没有这样做），否则浏览器会提示他们下载文件.

【讨论】：

【解决方案3】：

据我所知，您将需要某种知道如何处理该 MIME 类型的插件。除此之外，这是不可能的。

任何文件类型都一样...

【讨论】：

【解决方案4】：

您可以使用此代码，简短而甜蜜（使用 Fancybox 最新版本）-

$.fancybox.open({
            padding: 0,
            href: $url,
            type: 'iframe',
        });

你的 $url 可能是这样的 -

https://docs.google.com/viewer?url=<url for your file>&embedded=true

【讨论】：