【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(图片,文件上传处理模块)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-04React 19 来了!新的编译器简直太棒了!
- 2025-01-032025年Node.js与PHP大比拼:挑选最适合的后端技术进行现代web开发
- 2025-01-03?? 用 Gemini API、Next.js 和 TailwindCSS 快速搭建 AI 推文生成项目 ??
- 2024-12-31Vue CLI多环境配置学习入门
- 2024-12-31Vue CLI学习入门:一步一步搭建你的第一个Vue项目
- 2024-12-31Vue3公共组件学习入门:从零开始搭建实用组件库
- 2024-12-31Vue3公共组件学习入门教程
- 2024-12-31Vue3学习入门:新手必读教程
- 2024-12-31Vue3学习入门:初学者必备指南
- 2024-12-30Vue CLI多环境配置教程:轻松入门指南