multer图片上传

电玩女神 2023-07-17 12:45 34阅读 0赞

效果图![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215X25ld193YXk_size_16_color_FFFFFF_t_70][]

const express = require("express")
    const router = express.Router()
    const multer = require("multer")
        // 配置磁盘引擎
    let storage = multer.diskStorage({
            destination: function(req, file, cb) {
                //    指定文件存放路径
                cb(null, "./uploads/images")
            },
            filename: function(req, file, cb) {
                // 指定文件名,先获取扩展,随机生成文件名保存给保存文件的方法
                //获取文件扩展名
                let exts = file.originalname.split(".")
                let ext = exts[exts.length - 1] //为了防止上传图片时,图片的名称中含多个点,从后面取最后一个解决问题
                let tmpname = Date.now() + parseInt(Math.random() * 9999) //时间戳+随机数生成文件名
                cb(null, `${tmpname}.${ext}`)
            }
        })
        // 使用磁盘引擎的配置调用方法
    let upload = multer({ storage: storage })
        // 上传文件路由,使用single 方法接收前端 图片的name属性是'logo'的图片,保存到req.file
    router.post("/upload", upload.single("logo"), (req, res) => {
        // 判断文件是否过大,允许上传的文件类型
        let { size, mimetype, path } = req.file
        let types = ['jpg', 'jpeg', 'png', 'gif']
        let tmpType = mimetype.split("/")[1] //截取到文件类型("mimetype": "image/jpeg"中的jpeg)
        if (size > 1024 * 500) {
            return res.send({ err: -1, msg: "尺寸过大" })
        } else if (types.indexOf(tmpType) == -1) {
            return res.send({ err: -2, msg: "媒体类型错误" })
        } else {
            let savePath = req.file.path // 文件的保存路径(用于存数据库,文件地址用)
                //上传完图片,拼接返回前端图片的查看地址(静态托管的url要设置成这个)
            let imgUrl = `/public/images/${req.file.filename}`
            res.send({ err: 0, msg: "ok", imgUrl })
        }
    })
    module.exports = router

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215X25ld193YXk_size_16_color_FFFFFF_t_70]: /images/20230528/cb38662e300d4283a288316679963155.png