如何使用fancybox显示word文档

Question

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显示文档文件

Answer 1

更新:2017年1月29日

Google文档查看器允许将Word文档视为(只读)文档而不是图像(之前的工作方式),因此您可以实际选择并将显示的文档复制到另一个文档中.

增加了一个的jsfiddle使用的fancybox v2.1.5

没有上述所有问题,唯一可行的方法是使用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"来处理点击.

Answer 2

你不能.浏览器没有任何内置的方式来查看Word文档等等,除非用户配置他们的浏览器与一些插件(在世界的哪个99%还没有完成),浏览器会提示他们下载该文件打开它.