iT邦幫忙

DAY 8
1

網頁設計師指南——從前端到後端系列 第 8

網頁設計師指南——從前端到後端(八)上傳檔案

  • 分享至 

  • xImage
  •  

到這一步,我們要開始上傳內容了。

我們要在 express 加入一個 middleware 才能處理檔案上傳。

  1. npm install multer --save

  2. var multer = require('multer')

  3. app.use(multer({ dest: './uploads/'}))

簡單三步驟就完成了。

之後當你 POST 檔案到 一個 route 的時候,上傳的檔案的資訊會在 req.files 裏面。

我們就可以把檔案資訊存到資料庫裡面。

var artworkData = {
      title:   req.body.title,
      content: req.body.content,
      picture: req.files.upload.name
    }
    var artwork = new Artwork(artworkData)

    artwork.save(function(err, result){
      res.redirect('/')
    })

讓我們來試試上傳幾張圖片


上一篇
網頁設計師指南——從前端到後端(七)MongoDB 和 Mongoose
下一篇
網頁設計師指南——從前端到後端(九) angualr.js 與 ng-flow.js
系列文
網頁設計師指南——從前端到後端15
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言