使用node和multer怎么實現(xiàn)一個圖片上傳功能

這篇文章給大家介紹使用node和multer怎么實現(xiàn)一個圖片上傳功能，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

const express = require('express');
const path = require('path');
const multer = require('multer');
const app = new express();

// 設(shè)置靜態(tài)目錄 第一個參數(shù)為虛擬的文件前綴，實際上文件系統(tǒng)中不存在
// 可以用public做為前綴來加載static文件夾下的文件了
app.use('/public', express.static(path.join(__dirname, './static')));

// 根據(jù)當前文件目錄指定文件夾
const dir = path.resolve(__dirname, '../static/img');
// 圖片大小限制KB
const SIZELIMIT = 500000;

const storage = multer.diskStorage({
  // 指定文件路徑
  destination: function(req, file, cb) {
    // ！?。∠鄬β窂綍r以node執(zhí)行目錄為基準，避免權(quán)限問題，該目錄最好已存在*
    // cb(null, './uploads');
    cb(null, dir);
  },
  // 指定文件名
  filename: function(req, file, cb) {
    // filedname指向參數(shù)key值
    cb(null, Date.now() + '-' + file.originalname);
  }
});

const upload = multer({
  storage: storage
});

app.post('/upload', upload.single('file'), (req, res) => {
  // 即將上傳圖片的key值 form-data對象{key: value}
  // 檢查是否有文件待上傳
  if (req.file === undefined) {
    return res.send({
      errno: -1,
      msg: 'no file'
    });
  }
  const {size, mimetype, filename} = req.file;
  const types = ['jpg', 'jpeg', 'png', 'gif'];
  const tmpTypes = mimetype.split('/')[1];
  // 檢查文件大小
  if (size >= SIZELIMIT) {
    return res.send({
      errno: -1,
      msg: 'file is too large'
    });
  }
  // 檢查文件類型
  else if (types.indexOf(tmpTypes) < 0) {
    return res.send({
      errno: -1,
      msg: 'not accepted filetype'
    });
  }
  // 路徑可根據(jù)設(shè)置的靜態(tài)目錄指定
  const url = '/public/img/' + filename;
  res.json({
    errno: 0,
    msg: 'upload success',
    url
  });
});

app.listen(3000, () => {
  console.log('service start');
});

關(guān)于使用node和multer怎么實現(xiàn)一個圖片上傳功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。