在浏览器中打开不同文件类型的文件

时间:2016-06-01 14:47:13

标签: javascript html

在单个页面中,我们有多个指向不同文件类型文件的链接。单个链接如下所示:

<a href="/uploads/sandglass.pdf" download="sandglass.pdf"> download sandglass </a>

点击用户只需下载文件,然后可以在他们的设备中打开它。

我们想要实现的结果是在新选项卡中打开浏览器中的文件。

问题是:如何实现类似于gmail中如何打开附件的结果?

需要在新标签页中打开的文件类型通常是:pdf, doc, docx, xls, xlsx, ppt, pps, jpg, png

非常感谢任何帮助或指导。

1 个答案:

答案 0 :(得分:2)

你能操纵这些a标签吗?

如果是,您可以删除下载属性,并添加target属性,其值为_blank,以便在另一个标签页中打开该文件。

 <a href="/uploads/sandglass.pdf" target="_blank"> download sandglass </a>
  

但Chrome和其他浏览器无法打开您列出的某些文件的预览   这里原生地,例如docppsxls

这些不受支持的文件的解决方案是将它们重新保存为PDF,以便用户可以在浏览器中预览它们。也许您可以使用http://www.aspose.com/products/words

等服务在服务器端重新保存它们

看一下这个答案,也许可以帮到你: How do I render a Word document (.doc, .docx) in the browser using JavaScript?