node+multer實現圖片上傳

最近在學習node實現一個後臺管理系統,用到了圖片上傳,有一些小問題記錄一下~
直接上代碼,問題都記錄在註釋裏~html

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

// 設置靜態目錄 第一個參數爲虛擬的文件前綴,實際上文件系統中不存在
// 能夠用public作爲前綴來加載static文件夾下的文件了
app.use('/public', express.static(path.join(__dirname, './static')));

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

const storage = multer.diskStorage({
    // 指定文件路徑
    destination: function(req, file, cb) {
        // !!!相對路徑時以node執行目錄爲基準,避免權限問題,該目錄最好已存在*
        // cb(null, './uploads');
        cb(null, dir);
    },
    // 指定文件名
    filename: function(req, file, cb) {
        // filedname指向參數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'
        });
    }
    // 路徑可根據設置的靜態目錄指定
    const url = '/public/img/' + filename;
    res.json({
        errno: 0,
        msg: 'upload success',
        url
    });
});

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

附上文檔參考連接:
express框架
path模塊
multer
最後再附贈一個node自動重啓工具nodemonnode

相關文章
相關標籤/搜索