node之上傳圖片

const express = require('express')
const router = express.Router()
const multer = require('multer')

// var upload = multer({ dest: 'uploads/' })
var storage = multer.diskStorage({
  // 設置上傳文件路徑
  destination: function(req, file, cb) {
    cb(null, './uploads')
  },
  // 給上傳文件重命名,獲取添加後綴名
  filename: function(req, file, cb) {
    var fileFormat = (file.originalname).split('.')
    // 給圖片加上時間戳格式防止重命名
    cb(null, file.fieldname + '-' + Date.now() + '.' + fileFormat[fileFormat.length - 1])
  }
})

var upload = multer({
  storage: storage
})

/**
 * @api {post} /file/upload 圖片上傳
 * @apiName uploadImage
 * @apiGroup File
 *
 * @apiSuccess {String} firstname Firstname of the User.
 * @apiSuccess {String} lastname  Lastname of the User.
*/

router.post('/upload', upload.single('image'), function (req, res, next) {
  // image 爲key,需要和前端保持一致 {image: formData}
  if (!req.file) return res.send('上傳失敗')
  let {mimetype, size, filename} = req.file
  // 白名單
  const whiteList = ['image/jpg', 'image/jpeg', 'image/JPG', 'image/JPEG', 'image/png', 'image/PNG', 'image/gif', 'image/GIF']
  // 5M 5 * 1024 * 1024
  if (size > 5 * 1024 * 1024) {
    res.send({err: -1, msg: '上傳失敗,圖片尺寸不能超過5M'})
  } else if (whiteList.indexOf(mimetype) == -1) { //  格式不準確
    res.send({err: -1, msg: '上傳失敗,圖片格式不正確'})
  } else {
    // 上傳成功返回圖片路徑
    res.send({err: 0, msg: '上傳成功', img: `/image/${filename}`})
  }
})

module.exports = router
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章