圖片上傳是web開發(fā)中經(jīng)常用到的功能,node社區(qū)在這方面也有了相對(duì)完善的支持。

常用的開源組件有multer、formidable等,借助這兩個(gè)開源組件,可以輕松搞定圖片上傳。

本文主要講解以下內(nèi)容,后續(xù)章節(jié)會(huì)對(duì)技術(shù)實(shí)現(xiàn)細(xì)節(jié)進(jìn)行深入挖掘。本文所有例子均有代碼示例,可在這里查看。

  • 基礎(chǔ)例子:借助express、multer實(shí)現(xiàn)單圖、多圖上傳。
  • 常用API:獲取上傳的圖片的信息。
  • 進(jìn)階使用:自定義保存的圖片路徑、名稱。

環(huán)境初始化

非常簡(jiǎn)單,一行命令。

npm install express multer multer --save

每個(gè)示例下面,都有下面兩個(gè)文件

? upload-custom-filename git:(master) ? tree -L 1 . ├── app.js # 服務(wù)端代碼,用來(lái)處理文件上傳請(qǐng)求 ├── form.html # 前端頁(yè)面,用來(lái)上傳文件

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式