Nodejs 識別圖片類型的方法
通過切文件名稱后綴來獲得圖片格式的方式是不準(zhǔn)確的,因為文件后綴是可以被強(qiáng)行更改的,這樣一個.gif 圖片也可以被保存成.jpg,
那么在 Node 上我們?nèi)绾巫鑫募愋偷男r災(zāi)?/p>
通過文件頭標(biāo)識判斷圖片格式
其實很簡單,每個圖片文件都有文件頭標(biāo)識,各種格式的圖片的文件頭標(biāo)識都是不一樣,所以可以通過判斷文件頭的標(biāo)識來識別圖片格式。
通過在網(wǎng)上找資料,匯總了如下的 圖片文件頭標(biāo)識:
1.JPEG/JPG - 文件頭標(biāo)識 (2 bytes): ff, d8 文件結(jié)束標(biāo)識 (2 bytes): ff, d9 2.TGA - 未壓縮的前 5 字節(jié) 00 00 02 00 00 - RLE 壓縮的前 5 字節(jié) 00 00 10 00 00 3.PNG - 文件頭標(biāo)識 (8 bytes) 89 50 4E 47 0D 0A 1A 0A 4.GIF - 文件頭標(biāo)識 (6 bytes) 47 49 46 38 39(37) 61 5.BMP - 文件頭標(biāo)識 (2 bytes) 42 4D B M 6.PCX - 文件頭標(biāo)識 (1 bytes) 0A 7.TIFF - 文件頭標(biāo)識 (2 bytes) 4D 4D 或 49 49 8.ICO - 文件頭標(biāo)識 (8 bytes) 00 00 01 00 01 00 20 20 9.CUR - 文件頭標(biāo)識 (8 bytes) 00 00 02 00 01 00 20 20 10.IFF - 文件頭標(biāo)識 (4 bytes) 46 4F 52 4D 11.ANI - 文件頭標(biāo)識 (4 bytes) 52 49 46 46
知識點: 1 字節(jié)(bytes) = 8 bits,上面的數(shù)字均為 16 進(jìn)制也就占 4bits 空間,每兩個 16 進(jìn)制數(shù)字占一字節(jié)
如何判斷
通過將圖片資源的二進(jìn)制流與該標(biāo)識做比對,即可判斷圖片格式。
因為實現(xiàn)邏輯非常簡單,具體的實現(xiàn)邏輯看代碼和注釋就就好,在這里貢獻(xiàn)出來給大家參考,方便大家開發(fā)使用。
function getImageSuffix(fileBuffer) {
// 將上文提到的 文件標(biāo)識頭 按 字節(jié) 整理到數(shù)組中
const imageBufferHeaders = [
{ bufBegin: [0xff, 0xd8], bufEnd: [0xff, 0xd9], suffix: '.jpg' },
{ bufBegin: [0x00, 0x00, 0x02, 0x00, 0x00], suffix: '.tga' },
{ bufBegin: [0x00, 0x00, 0x10, 0x00, 0x00], suffix: '.rle' },
{
bufBegin: [0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a],
suffix: '.png'
},
{ bufBegin: [0x47, 0x49, 0x46, 0x38, 0x39, 0x61], suffix: '.gif' },
{ bufBegin: [0x47, 0x49, 0x46, 0x38, 0x37, 0x61], suffix: '.gif' },
{ bufBegin: [0x42, 0x4d], suffix: '.bmp' },
{ bufBegin: [0x0a], suffix: '.pcx' },
{ bufBegin: [0x49, 0x49], suffix: '.tif' },
{ bufBegin: [0x4d, 0x4d], suffix: '.tif' },
{
bufBegin: [0x00, 0x00, 0x01, 0x00, 0x01, 0x00, 0x20, 0x20],
suffix: '.ico'
},
{
bufBegin: [0x00, 0x00, 0x02, 0x00, 0x01, 0x00, 0x20, 0x20],
suffix: '.cur'
},
{ bufBegin: [0x46, 0x4f, 0x52, 0x4d], suffix: '.iff' },
{ bufBegin: [0x52, 0x49, 0x46, 0x46], suffix: '.ani' }
]
for (const imageBufferHeader of imageBufferHeaders) {
let isEqual
// 判斷標(biāo)識頭前綴
if (imageBufferHeader.bufBegin) {
const buf = Buffer.from(imageBufferHeader.bufBegin)
isEqual = buf.equals(
//使用 buffer.slice 方法 對 buffer 以字節(jié)為單位切割
fileBuffer.slice(0, imageBufferHeader.bufBegin.length)
)
}
// 判斷標(biāo)識頭后綴
if (isEqual && imageBufferHeader.bufEnd) {
const buf = Buffer.from(imageBufferHeader.bufEnd)
isEqual = buf.equals(fileBuffer.slice(-imageBufferHeader.bufEnd.length))
}
if (isEqual) {
return imageBufferHeader.suffix
}
}
// 未能識別到該文件類型
return ''
}
通過這種方式我們就能在Node中準(zhǔn)確地識別圖片格式。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
詳解如何使用Node.js連接數(shù)據(jù)庫ORM
這篇文章主要為大家介紹了詳解如何使用Node.js連接數(shù)據(jù)庫ORM示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
Node.js中的Buffer對象及創(chuàng)建方式
node.js提供了一個Buffer對象來提供對二進(jìn)制數(shù)據(jù)的操作,Buffer?類的實例類似于整數(shù)數(shù)組,但?Buffer?的大小是固定的、且在?V8?堆外分配物理內(nèi)存。本文給大家介紹Node.js中的Buffer對象及創(chuàng)建方式,感興趣的朋友一起看看吧2022-01-01
Nodejs做文本數(shù)據(jù)處理實現(xiàn)詳解
這篇文章主要為大家介紹了Nodejs做文本數(shù)據(jù)處理實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11
NodeJS 將文件夾按照存放路徑變成一個對應(yīng)的JSON的方法
這篇文章主要介紹了NodeJS 將文件夾按照存放路徑變成一個對應(yīng)的JSON的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
Node.js基礎(chǔ)入門之模塊與npm包管理器使用詳解
Node.js是一個基于Chrome?V8引擎的JavaScript運行時。類似于Java中的JRE,.Net中的CLR。本文將詳細(xì)為大家介紹Node.js中的模塊與npm包管理器的使用,需要的可以參考一下2022-03-03
讓你的Node.js應(yīng)用程序處理數(shù)百萬的API請求技巧
歡迎閱讀關(guān)于優(yōu)化 NodeJS 應(yīng)用以處理數(shù)百萬 API 請求的終極指南,如果你是一名開發(fā)人員,希望擴(kuò)展應(yīng)用,那么你來對地方了,在這篇博客中,我們將深入研究最佳實踐和技術(shù),幫助你處理高流量負(fù)載,確保應(yīng)用保持性能和響應(yīng)速度2023-10-10

