MIME类型

╰+哭是因爲堅強的太久メ 2022-04-13 08:20 252阅读 0赞

## 1.前言 ##

> 浏览器通常使用MIME类型（而不是文件扩展名）来确定如何处理文档；因此服务器设置正确以将正确的MIME类型附加到响应对象的头部是非常重要的。

## 2.语法 ##

**通用结构**

`type/subtype`  
MIME的组成结构非常简单；由类型与子类型两个字符串中间用’/’分隔而成。不允许空格存在。type表示可以被分多个子类的独立类型。subtype表示细分后的每个类型。  
**独立类型**  
text/plain  
text/html  
image/jpeg  
image/png  
audio/mpeg  
audio/ogg  
audio/\*  
audio/mp4  
application/\*  
application/json  
application/javascript  
application/ecmascript  
application/octet-stream  
独立类型表明了对文件的分类，可以是如下之一：

<table> 
 <thead> 
  <tr> 
   <th>类型</th> 
   <th>描述</th> 
   <th>典型类型</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>text</td> 
   <td>表名文件是普通文本，理论是人类可读</td> 
   <td>text/plain,text/html,text/css,text/javascript</td> 
  </tr> 
  <tr> 
   <td>image</td> 
   <td>表明是某种图形。不包括视频，但是动态图（gif）也可以使用image类型</td> 
   <td>image/gif, image/png, image/jpeg, image/bmp, image/webp, image/x-icon, image/vnd.microsoft.icon</td> 
  </tr> 
  <tr> 
   <td>audio</td> 
   <td>表名是某种音频文件</td> 
   <td>audio/midi, audio/mpeg, audio/webm, audio/ogg, audio/wav</td> 
  </tr> 
  <tr> 
   <td>video</td> 
   <td>表明是某种视频文件</td> 
   <td>video/webm, video/ogg</td> 
  </tr> 
  <tr> 
   <td>application</td> 
   <td>表名是某种二进制</td> 
   <td>application/octet-stream, application/pkcs12, application/vnd.mspowerpoint, application/xhtml+xml, application/xml, application/pdf</td> 
  </tr> 
 </tbody> 
</table>

对于text文件类型若没有特定的subtype，就使用text/plain。类似的，二进制文件没有特定或已知subtype，即使用application/octet-stream

**Multipart类型**

*  multipart/form-data
 *  multipart/byteranges

Multipart 类型表示细分领域的文件类型的种类，经常对应不同的 MIME 类型。这是复合文件的一种表现方式。multipart/form-data 可用于联系 HTML Forms 和 POST 方法，此外 multipart/byteranges使用状态码206 Partial Content来发送整个文件的子集，而HTTP对不能处理的复合文件使用特殊的方式：将信息直接传送给浏览器（这时可能会建立一个“另存为”窗口，但是却不知道如何去显示内联文件。）

## 3.重要的MIME类型 ##

`application/octet-stream`  
这是应用程序文件的默认值。意思是未知的应用程序文件，浏览器一般不会自动执行或询问执行。浏览器会像对待设置了HTTP头Content-Disposition值为attachment的文件一样来对待这类文件。

`text/plain`  
文本文件默认值。即使它意味着未知的文本文件，但浏览器认为是可以直接展示的。

> text/plain并不意味着某种文本数据。如果浏览器想要一个文本文件的明确类型，浏览器并不会考虑他们是否匹配。比如说，如果通过一个表明是下载CSS文件的链接下载了一个text/plain 文件。如果提供的信息是text/plain，浏览器并不会认出这是有效的CSS文件。CSS类型需要使用text/css。

`text/css`  
在网页中要被解析为CSS的任何CSS文件必须指定MIME为text/css。通常，服务器不识别以.css为后缀的文件的MIME类型，而是将其以MIME为text/plain 或 application/octet-stream 来发送给浏览器：在这种情况下，大多数浏览器不识别其为CSS文件，直接忽略掉。特别要注意为CSS文件提供正确的MIME类型。

`text/html`  
所有的HTML内容都应该使用这种类型。XHTML的其他MIME类型（如application/xml+html）现在基本不再使用（HTML5统一了这种格式）。

`JavaScript 类型`  
据 MIME 嗅探标准，下面是有效的 JavaScript MIME 类型

•  application/javascript 
    •  application/ecmascript

`图片类型`  
只有一小部分图片类型是被广泛支持的，Web安全的，可随时在Web页面中使用的：

<table> 
 <thead> 
  <tr> 
   <th>MIME 类型</th> 
   <th>图片类型</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>image/gif</td> 
   <td>GIF 图片 (无损耗压缩方面被PNG所替代)</td> 
  </tr> 
  <tr> 
   <td>image/jpeg</td> 
   <td>JPEG 图片</td> 
  </tr> 
  <tr> 
   <td>image/png</td> 
   <td>PNG 图片</td> 
  </tr> 
  <tr> 
   <td>image/svg+xml</td> 
   <td>SVG图片 (矢量图)</td> 
  </tr> 
 </tbody> 
</table>

`音频与视频类型`  
HTML并没有明确定义被用于和元素所支持的文件类型，所以在web上使用的只有相对较小的一组类型。  
在web环境最常用的视频文件的格式，是以下这些这些文件类型：

<table> 
 <tbody> 
  <tr> 
   <td>audio/wave<br> audio/wav<br> audio/x-wav<br> audio/x-pn-wav<br> </td> 
   <td>音频流媒体文件。一般支持PCM音频编码 (WAVE codec "1") ，其他解码器有限支持（如果有的话）。</td> 
  </tr> 
  <tr> 
   <td>audio/webm</td> 
   <td> WebM 音频文件格式。Vorbis 和 Opus 是其最常用的解码器。 </td> 
  </tr> 
  <tr> 
   <td>video/webm</td> 
   <td>采用WebM视频文件格式的音视频文件。VP8 和 VP9是其最常用的视频解码器。Vorbis 和 Opus 是其最常用的音频解码器。 </td> 
  </tr> 
 </tbody> 
</table>

`multipart/form-data`  
可用于HTML表单从浏览器发送信息给服务器。作为多部分文档格式，它由边界线（一个由‘–’开始的字符串）划分出的不同部分组成。每一部分有自己的实体，以及自己的HTTP请求头，Content-Disposition和Content-Type用于文件上传领域，最常用的（Content-Length因为边界线作为分隔符而被忽略）。

Content-Type: multipart/form-data; boundary=aBoundaryString
    (other headers associated with the multipart document as a whole)
    
    --aBoundaryString
    Content-Disposition: form-data; name="myFile"; filename="img.jpg"
    Content-Type: image/jpeg
    
    (data)
    --aBoundaryString
    Content-Disposition: form-data; name="myField"
    
    (data)
    --aBoundaryString
    (more subparts)
    --aBoundaryString--

如下所示的表单：

<form action="http://localhost:8000/" method="post" enctype="multipart/form-data">
      <input type="text" name="myTextField">
      <input type="checkbox" name="myCheckBox">Check</input>
      <input type="file" name="myFile">
      <button>Send the file</button>
    </form>

会发送这样的请求:

POST / HTTP/1.1
    Host: localhost:8000
    User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
    Accept-Language: en-US,en;q=0.5
    Accept-Encoding: gzip, deflate
    Connection: keep-alive
    Upgrade-Insecure-Requests: 1
    Content-Type: multipart/form-data; boundary=---------------------------8721656041911415653955004498
    Content-Length: 465
    
    -----------------------------8721656041911415653955004498
    Content-Disposition: form-data; name="myTextField"
    
    Test
    -----------------------------8721656041911415653955004498
    Content-Disposition: form-data; name="myCheckBox"
    
    on
    -----------------------------8721656041911415653955004498
    Content-Disposition: form-data; name="myFile"; filename="test.txt"
    Content-Type: text/plain
    
    Simple file.
    -----------------------------8721656041911415653955004498--