最近在學習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'); });