可以在浏览器中查看哪些文件类型（内联，无需插件）

Question

我只想知道哪些文件类型（如 .png、.pdf、.txt）可以在浏览器（如 Chrome、Firefox）中查看。因为有时当我单击文件 link 时，它不会在浏览器中显示，而是自动下载。为什么会这样？下面是我的代码。任何帮助将不胜感激。

<script>

function openPDF(url){
   var w=window.open(url, '_blank');
   w.focus();
}

</script>
<a href="burger1.jpg" target='_blank'>link</a>
<div onclick="openPDF('1.pdf');">PDF 1</div>

Answer 1

这个问题有两个方面。

您可以将插件添加到浏览器，以便在浏览器中查看几乎任何内容 window。对于 PDF，例如 Firefox 默认情况下无法显示这些内容，但您可以安装插件。或者，也有独立的 PDF 查看器，它们也带有这样的 add-on，您可以根据需要激活它。
完成后，如评论中所述，如果资源标记为 download，浏览器将下载它而不是尝试打开它，无论文件类型。
如果它有 Content-Disposition: attachment.
的 http header，则同上所以不要使用那个。

Answer 2

正常情况下，可以在浏览器中查看以下文件。

.PNG .JPEG格式 .PDF .doc 等...

将始终下载以下文件。

.zip 。可执行程序等...

但在特殊情况下，这取决于用户的浏览器设置和偏好。您可以从 this link.

获取更多详细信息

Answer 3

这确实取决于几个因素：

服务器响应 Content-Disposition header 值 inline（打开它）vs attachment (经典下载)
浏览器配置（如何处理各种文件类型）
已安装的浏览器插件
浏览器打开文件的能力

详细的技术解释可以在这里找到：https://superuser.com/questions/1277819/why-does-chrome-sometimes-download-a-pdf-instead-of-opening-it

例如 Firefox 可以打开大多数 PDF 文件（但一般不能打开高级表单、加密文件...），

大多数高级 PDF 功能需要 Acrobat Reader 或特殊的 Acrobat Reader 插件。

可以在浏览器中查看哪些文件类型（内联，无需插件）

Which file types can be viewed in browser (inline, without a plugin)

html

browser

download

httpresponse

http-headers