如何上传,展示和使用的node.js删除图像和表达

问题描述 投票:-1回答:2

我需要的图像上传到服务器(内置的NodeJS),并显示给大家的HTML网站。当有人做最后的图像可以走同样的事情,我不需要储存。任何人都可以帮助我?最好

node.js express server image-uploading
2个回答
0
投票

希望这可以帮助

在这个例子中,如果你通过ID和文件夹相同的文件被替换,改变按您的要求

我已经使用multer

const router = express.Router();
const path = require("path");
const fs = require('fs');
var multer = require('multer')
var upload = multer({ dest: 'uploads/' })

router.get('/:folder/:id', async (req, res) => {
    let filepath = path.join(__dirname + `/../images/${req.params.folder}/${req.params.id}.png`);
    res.sendFile(filepath);
});

const upload = async (image, folder, id) => {

    let dir = `images`;

    if (!fs.existsSync(dir)) {
        fs.mkdirSync(dir);
    }

    dir = `images/${folder}`;

    if (!fs.existsSync(dir)) {
        fs.mkdirSync(dir);
    }

    await image.mv(`images/${folder}/${id}.png`);

    return `${config.DOMAIN}/images/${folder}/${id}`;
}

router.post('/:folder/:id', upload.single('file'), async (req, res) => {
    try {

        let image = req.files.image;

        if (!image)
            return res.status(400).send({ message: 'Image not provided!' });

        const imageUrl = await upload(image, req.params.folder, req.params.id);

        if (imageUrl)
            res.status(201).send({ message: "Image uploaded", url: imageUrl });

    } catch (e) {
        res.status(400).send({ message: "Error uploading image!", error: e.toString(), req: req.body });
    }
});

router.delete('/:folder/:id', async (req, res) => {
    try {
        fs.unlinkSync(`images/${req.params.folder}/${req.params.id}.png`);

        res.status(201).send({ message: "Image deleted" });

    } catch (e) {
        res.status(400).send({ message: "Error deleting image!", error: e.toString(), req: req.body });
    }
});

module.exports = router;

0
投票

有很多教程和NPM套餐可供利用的NodeJS上传文件

Multer

Express Fileupload

Fileupload

Ng2 File Upload

Here你可以找到一个教程

© www.soinside.com 2019 - 2024. All rights reserved.