node+multer實現(xiàn)圖片上傳的示例代碼
更新時間:2020年02月18日 08:32:25 作者:Dlingling
這篇文章主要介紹了node+multer實現(xiàn)圖片上傳的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
最近在學(xué)習(xí)node實現(xiàn)一個后臺管理系統(tǒng),用到了圖片上傳,有一些小問題記錄一下~
直接上代碼,問題都記錄在注釋里~
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ù)當(dāng)前文件目錄指定文件夾 const dir = path.resolve(__dirname, '../static/img'); // 圖片大小限制KB const SIZELIMIT = 500000; const storage = multer.diskStorage({ // 指定文件路徑 destination: function(req, file, cb) { // ?。?!相對路徑時以node執(zhí)行目錄為基準(zhǔn),避免權(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'); });
附上文檔參考鏈接:
express框架
path模塊
multer
最后再附贈一個node自動重啟工具nodemon
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
nodejs開發(fā)微信小程序?qū)崿F(xiàn)密碼加密
本文給大家分享的是在使用nodejs開發(fā)微信小程序的過程中,實現(xiàn)密碼加密的示例代碼,非常簡單,有需要的小伙伴可以參考下2017-07-07學(xué)習(xí)使用ExpressJS 4.0中的新Router的用法
ExpressJS 4.0中提出了新的路由Router,提供了路由應(yīng)有的API,本文詳細(xì)的介紹了ExpressJS 4.0中的新Router的用法,非常具有實用價值,需要的朋友可以參考下2018-11-11Nodejs使用exceljs實現(xiàn)excel導(dǎo)入導(dǎo)出
在日常開發(fā)中,我們常需在后臺管理系統(tǒng)中實現(xiàn)數(shù)據(jù)的導(dǎo)入與導(dǎo)出功能,以便與?Excel?文件進(jìn)行交互,本文將使用使用exceljs實現(xiàn)excel導(dǎo)入導(dǎo)出功能,需要的可以參考下2024-03-03使用Node.js腳本自動統(tǒng)計代碼量的實現(xiàn)代碼
手動統(tǒng)計代碼行數(shù)通常會耗費大量時間和精力,為了提高統(tǒng)計效率并減少人為錯誤,我們可以借助自動化工具來完成這項任務(wù),本文將介紹如何使用 Node.js 腳本來自動化統(tǒng)計項目代碼行數(shù),讓我們能夠輕松快捷地獲取項目的代碼量信息,需要的朋友可以參考下2023-12-12