【nodejs】multer(图片,文件上传处理模块)
2022/6/3 1:20:22
本文主要是介绍【nodejs】multer(图片,文件上传处理模块),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
使用方法
模块官网:https://github.com/expressjs/multer/blob/master
后端Node实现
// 安装并导入模块 import multer from 'multer'; // 创建中间件函数 var upload = multer({ storage: multer.diskStorage({ //设置文件存储位置 destination: function (req, file, cb) { let date = new Date(); let year = date.getFullYear(); let month = (date.getMonth() + 1).toString().padStart(2, '0'); // 判断月份,获取到的月份范围(0-11)所有在这需要将月份加一才能获取到当前月份,padStart是判断这个字符串是否大于2位,不大于在前面拼接一个0 let day = date.getDate(); let dir = "./img/" + year + month + day; //设置图片存储位置 // 上传文件路径 //判断目录是否存在,没有则创建 if (!fs.existsSync(dir)) { fs.mkdirSync(dir, { recursive: true }); } //dir就是上传文件存放的目录 cb(null, dir); }, filename: function (req, file, cb) { let fileName = 'img' + '-' + Date.now() + path.extname(file.originalname); //fileName就是上传文件的文件名 cb(null, fileName); } }) }) // 图片处理接口 // 其中upload.single('xxx'),xxx为前端上传文件的文件名 app.post('/api/uplodeImg',upload.single("editormd-image-file"),(req,res)=>{ let file = req.file let path = file.path.replace('public', "") res.json({ file: path }) })
这篇关于【nodejs】multer(图片,文件上传处理模块)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程