正常情况下，文件都有后缀名，例如：xxx.gif, xxxx.avi。但是也存在后缀名的文件，去掉文件的后缀名，并不会影响文件本身的内容。所以在文件的数据中，有其他的方式能够标识出文件的类型。
在编程中，把标识文件格式的常量称为 Magic Number， 原名叫做：File Signatures（文件签名）。

Magic Number 在编程中有以下三类使用：

1. 无法解释其意义的唯一值或者在程序中多次被引用但又可被命名常数所替代的值。
2. 用来识别文本类型的一个常量数值或字符。
3. 不易被误解为其他意义的特有值，如全局唯一标识符。

利用 Magic Number 判断文件类型

1. 请求获取文件数据，并转成 Array Buffer

function loadFile(url) {
 return new Promise((resolve, reject) => {
   const xhr = new XMLHttpRequest()
   xhr.onreadystatechange = function() {
     if (xhr.readyState === 4) {
       resolve(xhr)
     }
   }
   xhr.onerror = reject
   xhr.open('GET', url, true)
   xhr.responseType = 'arraybuffer'
   xhr.send('')
 })
}

2. buffer 转 16 进制字符串

function buf2hex(buffer) {
  return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('')
}

3. 根据 16 进制字符串获取文件头，判断文件类型

function getFileType(url) {
  loadFile(url).then(xhr => {
    const hex = buf2hex(xhr.response)
    console.log(hex)
    // todo....
  })
}

测试：

常见文件头

JPEG (jpg)，文件头：ffd8ff
PNG (png)，文件头：89504E47
GIF (gif)，文件头：47494638
TIFF (tif)，文件头：49492A00
Windows Bitmap (bmp)，文件头：424D
CAD (dwg)，文件头：41433130
Adobe Photoshop (psd)，文件头：38425053
Rich Text Format (rtf)，文件头：7B5C727466
XML (xml)，文件头：3C3F786D6C
html (html)，文件头：68746D6C3E
Email [thorough only] (eml)，文件头：44656C69766572792D646174653A
Outlook Express (dbx)，文件头：CFAD12FEC5FD746F
Outlook (pst)，文件头：2142444E
MS Word/Excel (xls.or.doc)，文件头：D0CF11E0
MS Access (mdb)，文件头：5374616E64617264204A
WordPerfect (wpd)，文件头：FF575043
Adobe Acrobat (pdf)，文件头：255044462D312E
Quicken (qdf)，文件头：AC9EBD8F
Windows Password (pwl)，文件头：E3828596
ZIP Archive (zip)，文件头：504B0304
RAR Archive (rar)，文件头：52617221
Wave (wav)，文件头：57415645
AVI (avi)，文件头：41564920
Real Audio (ram)，文件头：2E7261FD
Real Media (rm)，文件头：2E524D46
MPEG (mpg)，文件头：000001BA
MPEG (mpg)，文件头：000001B3
Quicktime (mov)，文件头：6D6F6F76
Windows Media (asf)，文件头：3026B2758E66CF11
MIDI (mid)，文件头：4D546864
mp3: 494433

来源：https://segmentfault.com/a/1190000041236429

文件类型识别工具

在我们平时使用电脑的过程中总会遇到一些不明格式的文件，也不知道这个文件有什么用能用什么打开，这里给大家推荐这款在线文件格式识别工具，可以帮你一键识别未知文件格式。
一个分析文件格式的工具。通常文件的扩展名即代表了文件的类型，不过有些文件经改名后则隐藏了其真实的文件格式，那么如何在这种情况下得知该文件实际上的文件格式或类型呢？用这个工具就可以办到。它通过检查文件头标志来识别文件实际结构。

工具地址：https://www.fly63.com/tool/filetype/

截图如下：

链接: https://fly63.com/article/detial/11014