圖片上傳是web開發(fā)中經(jīng)常用到的功能,node社區(qū)在這方面也有了相對完善的支持。
常用的開源組件有multer、formidable等,借助這兩個(gè)開源組件,可以輕松搞定圖片上傳。
本文主要講解以下內(nèi)容,后續(xù)章節(jié)會(huì)對技術(shù)實(shí)現(xiàn)細(xì)節(jié)進(jìn)行深入挖掘。本文所有例子均有代碼示例,可在這里查看。
- 基礎(chǔ)例子:借助express、multer實(shí)現(xiàn)單圖、多圖上傳。
- 常用API:獲取上傳的圖片的信息。
- 進(jìn)階使用:自定義保存的圖片路徑、名稱。
環(huán)境初始化
非常簡單,一行命令。
npm install express multer multer --save
每個(gè)示例下面,都有下面兩個(gè)文件
? upload-custom-filename git:(master) ? tree -L 1 . ├── app.js # 服務(wù)端代碼,用來處理文件上傳請求 ├── form.html # 前端頁面,用來上傳文件