jQuery:在iframe中查看文件(Word,PowerPoint,Excel)

Question

我正在努力实现以下目标,并希望有人可以帮助我:

我有一个HTML页面,其中有许多链接通过页面顶部的下拉列表/无序列表显示(使用Bootstrap 3导航栏).这些链接转到托管在内部服务器上的MS Office文档(Word,Excel,PowerPoint).点击链接,我想让它们在同一页面上的iframe中打开,而不是使用单独的页面或下载.

我尝试了以下但这总是打开标准弹出窗口来保存文件或在单独的窗口中打开它.

谁能告诉我这里做错了什么？除了刷新iframe之外还有什么东西？

我的HTML链接下拉列表(只有一个项目):

<li type='disc'><a href='javascript:void' class='navLink' name='test.pptx'>Text</a></li>

我的iframe HTML:

<iframe src="#" width="100%" height="auto" frameborder="0" id="iView" name="iView"></iframe>

我的jQuery:

$(document).on('click', '.navLink', function() {
    var fileName = $(this).attr('name');
    var fileLocation = 'http://somefilepath/uploads/';
    var fileSource = fileLocation + fileName;
    $('#iView').prop('src', fileSource);
});

编辑:如果这种方法不起作用是否有办法在HTML网站中嵌入MS Office文档？

蒂姆,非常感谢你提供的任何帮助.

Answer 1

问题是您的Web服务器返回带有'Content-disposition:attachment''HTTP标头的文件.这会提示弹出"另存为/打开"对话框.你想要的是内联附件.

更多信息:

内容处理:"内联"和"附件"有什么区别？

注意:无法在客户端上处理(即通过JS),您需要修改您的服务器应用程序.