node.js实现图片上传

        在Web开发中，图片上传功能是非常常见的需求。Node.js作为一种基于Chrome V8引擎的JavaScript运行环境，可以方便地实现图片上传功能。本文将介绍如何使用Node.js实现图片上传功能。

一、安装依赖

在终端输入以下命令来安装依赖(需使用Multer中间件实现图片上传功能)。

npm install express multer

二、编写JS代码

创建一个app.js文件并编写以下代码

const express = require('express')
const multer = require('multer')

// 处理上传逻辑
const multerConfig = multer({
    storage: multer.diskStorage({
        destination: 'public', // 上传文件存放的目录
        filename(req, file, cb) { // 上传文件的文件名。
            const fileFormat = file.originalname.split('.')
            // 自定义图片名称
            cb(null, Date.now() + '.' + fileFormat[fileFormat.length - 1])
        }
    }),
    limits: {// 限制上传文件的大小
        // fileSize: 5 * 1024
        fileSize: 42420
    }
})

const app = express()

// 注册post请求参数的中间件
app.use(express.json())
app.use(express.urlencoded({ extended: false }))

// 开启静态托管服务
app.use(express.static('public'))

app.post('/upload', multerConfig.single('file'), (req, res) => {
    // console.log(req.file)
    const filename = req.file.filename
    res.send({
        url: `http://127.0.0.1:3000/${filename}`
    })
})

//启动服务器
app.listen(3000, () => {
    console.log('启动了')
})

三、创建图片目录

创建一个名为public的文件夹，用于存储上传的图片。

四、启动服务器

在终端输入以下命名启动服务器。

node app.js

五、总结

        过本文的介绍，相信大家已经了解了如何使用Node.js实现图片上传功能。在实际项目中，也可以根据需求对上传的图片进行进一步处理。希望这篇文章能对您有所帮助！