为什么浏览器中有些文件点击后是预览，有些是下载

· 浏览次数 : 1

小编点评

在HTTP协议中，文件下载的常见响应头包括： 1. Content-Disposition：用于指示浏览器如何处理响应体。通常设置为 attachment; filename="filename.jpg"，其中 filename.jpg 是要下载的文件名。 2. Content-Type：指示响应体的MIME类型，例如 image/jpeg 或 application/pdf。 3. Content-Length：响应体的长度（以字节为单位）。 4. Cache-Control：控制缓存的行为，可以设置为 no-cache 禁止缓存。 5. Expires：指定响应的过期时间，与 Cache-Control 一起使用来控制缓存。 6. Pragma：旧版本的HTTP使用的头部，现在基本不再使用，可以设置为 no-cache。 7. Content-Disposition：用于指示浏览器如何处理接收到的响应体内容。它可以让服务器指定一个文件名，或者指示浏览器直接显示内容（inline）或者将内容作为附件下载（attachment）。 - inline：浏览器尝试在页面内显示响应内容，通常用于非下载内容，如 PDF 在线预览。 - attachment：浏览器强制下载响应内容，并提示用户保存到本地。 8. Content-Type：例如 text/plain、text/html、application/json、application/xml、image/jpeg、image/png、multipart/form-data 等。 9. Cache-Control：控制缓存的行为，可以设置为 no-cache 禁止缓存。 10. Expires：指定响应的过期时间，与 Cache-Control 一起使用来控制缓存。 11. Pragma：旧版本的HTTP使用的头部，现在基本不再使用，可以设置为 no-cache。通过设置这些响应头，服务器可以控制浏览器如何处理和显示下载的文件。

正文

为什么浏览器中有些文件点击后是预览，有些是下载，在HTTP中，用于文件下载的常见响应头（response headers）包括：
Content-Disposition: 用于指示浏览器应该如何处理响应体。在文件下载中，通常设置为 attachment; filename="filename.jpg"，其中 filename.jpg 是要下载的文件名。

Content-Type: 指示响应体的MIME类型，例如 image/jpeg 或 application/pdf。

Content-Length: 响应体的长度（以字节为单位）。

Cache-Control: 控制缓存的行为，通常可以设置为 no-cache 禁止缓存。

Expires: 指定响应的过期时间，与 Cache-Control 一起使用来控制缓存。

Pragma: 旧版本的HTTP使用的头部，现在基本不再使用，可以设置为 no-cache。

Content-Disposition

Content-Disposition 是一个HTTP响应头部，指示浏览器如何处理接收到的响应体内容。它可以让服务器指定一个文件名，或者指示浏览器直接显示内容（inline）或者将内容作为附件下载（attachment）。

inline：浏览器尝试在页面内显示响应内容，通常用于非下载内容，如 PDF 在线预览。
attachment：浏览器强制下载响应内容，并提示用户保存到本地。

Content-Disposition: inline
Content-Disposition: attachment
Content-Disposition: attachment; filename="example.txt"

文件下载

通常情况下，服务器会使用 Content-Disposition: attachment 头部来强制浏览器下载文件，而不是尝试在浏览器中打开它。例如：

Content-Disposition: attachment; filename="example.txt"

内联显示

服务器可能希望浏览器直接在页面内显示内容，而不是下载它。例如，对于一些直接展示的文件类型（如图片、PDF等），可以使用 Content-Disposition: inline

常见的媒体类型

text/plain：纯文本。
text/html：HTML 文档。
application/json：JSON 数据。
application/xml：XML 数据。
image/jpeg、image/png：JPEG 或 PNG 图像。
multipart/form-data：用于文件上传的表单数据。

文件上传

在使用表单上传文件时，通常会使用 multipart/form-data 媒体类型，并指定边界字符串。例如：

Content-Type: multipart/form-data; boundary=---------------------------7d33a816d302b6