正常情况下,文件都有后缀名,例如:xxx.gif, xxxx.avi。但也存在文件后缀名去掉的情况,虽然如此,去掉文件的后缀名,并不会影响文件本身的内容。所以在文件的数据中,有其他的方式能够标识出文件的类型。& p1 e* ~' c+ [+ a! m: Z, y. Q% F6 ]
在编程中,把标识文件格式的常量称为 Magic Number, 原名叫做:File Signatures(文件签名)。
0 l* }0 ?! }6 l0 g2 @Magic Number 在编程中有以下三类使用:6 k" t2 g7 t- d$ X
- 无法解释其意义的唯一值或者在程序中多次被引用但又可被命名常数所替代的值。
- 用来识别文本类型的一个常量数值或字符。
- 不易被误解为其他意义的特有值,如全局唯一标识符。
2 j$ q# T) T$ P8 y% M; s 利用 Magic Number 判断文件类型
% j. f! c2 y& h7 o1、请求获取文件数据,并转成 Array Buffer
4 p4 N$ F3 I: E3 U- v0 Dfunction 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 进制字符串5 m1 y2 ` B1 ?0 O' O) t! g
function buf2hex(buffer) {
return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('')
} 3、根据 16 进制字符串获取文件头,判断文件类型; S% S# f6 C* ~
function getFileType(url) {
loadFile(url).then(xhr => {
const hex = buf2hex(xhr.response)
console.log(hex)
// todo....
})
} 测试:- z: X1 Z( W3 d
! T( r9 j, r7 D2 u" `! m常见文件头:4 o. o* C2 z8 B4 D3 F. P2 e
|