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

常用的開源組件有multerformidable等,借助這兩個開源組件,可以輕松搞定圖片上傳。

本文主要講解以下內(nèi)容,后續(xù)章節(jié)會對技術(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

每個示例下面,都有下面兩個文件

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

延伸閱讀

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