node+multer實現圖片上傳的示例代碼
更新時間:2020年02月18日 08:32:25 作者:Dlingling
這篇文章主要介紹了node+multer實現圖片上傳的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
最近在學習node實現一個后臺管理系統,用到了圖片上傳,有一些小問題記錄一下~
直接上代碼,問題都記錄在注釋里~
const express = require('express');
const path = require('path');
const multer = require('multer');
const app = new express();
// 設置靜態(tài)目錄 第一個參數為虛擬的文件前綴,實際上文件系統中不存在
// 可以用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) {
// ?。。∠鄬β窂綍r以node執(zhí)行目錄為基準,避免權限問題,該目錄最好已存在*
// 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'
});
}
// 路徑可根據設置的靜態(tài)目錄指定
const url = '/public/img/' + filename;
res.json({
errno: 0,
msg: 'upload success',
url
});
});
app.listen(3000, () => {
console.log('service start');
});
附上文檔參考鏈接:
express框架
path模塊
multer
最后再附贈一個node自動重啟工具nodemon
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
node.js報錯:Cannot find module ''ejs''的解決辦法
最近發(fā)現了node.js居然報錯了,錯誤提示為:Cannot find module 'ejs',后來找了找資料發(fā)現解決的方法其實很簡單,下面通過這篇文章來一起看看吧,希望對同樣遇到這個問題的朋友們能有所幫助。2016-12-12

