express上传图片并处理图片名字

最新推荐文章于 2024-03-20 11:31:22 发布

zhangli0421

最新推荐文章于 2024-03-20 11:31:22 发布

阅读量840

点赞数

CC 4.0 BY-SA版权

文章标签： node.js 前端后端

本文链接：https://blog.youkuaiyun.com/zhangli0421/article/details/122181303

这篇博客介绍了如何在Node.js后端使用multer中间件上传图片，并且详细说明了如何处理上传图片的文件名，以避免乱码问题。提供了一段完整的后端接口代码，同时也附带了前端上传图片的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里使用我们 multer 中间件，当然你也可以直接使用node提供的fs内置模块完成。

1.引入以下模块

var multer = require('multer');
 //导入连个内置模块
const path= require('path')
const fs=require('fs')

2.设置上传文件的路径（一般都会设置在public目录下）

var objMulter=multer({dest: './public/images'}); 
router.use(objMulter.any());

3.写一个上传接口顺手处理一下上传的图片名，如果不处理，图片名就是乱码。

router.post('/infor',function(req,res,next){
    console.log(req.body,req.files)
    req.files.forEach(item => {
        let oldPath = item.path;
        let newPath = "./public/images/" + item.originalname;
        fs.renameSync(oldPath,newPath);
    });
    res.send({
        code:1,
        msg:'成功',
    })
})