使用 multer 将图像上传到 mongoDB Atlas 的策略?

soe*_*606 4 mongoose node.js express multer mongodb-atlas

我的目标是能够使用 Multer 将图像上传到 mongoDB Atlas。目前,我已经使用express-generator设置了一个示例,其中包含以下相关文件:

应用程序.js:

// ...
var app = express();

//Set up mongoose connection
var mongoose = require('mongoose');
var mongoDB = 'mongodb+srv://username:password@cluster0-wczgu.mongodb.net/test?retryWrites=true&w=majority';
mongoose.connect(mongoDB, { useNewUrlParser: true });
var db = mongoose.connection;
db.on('error', console.error.bind(console, 'MongoDB connection error:'));
// ...
Run Code Online (Sandbox Code Playgroud)

索引.js:

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

// GET for image form
router.get("/image/create", function(req, res, next) {
    res.render("create_image", {title: "Create Image"});
});

// Uploading image to mongoDB Atlas
router.post("/image/create", upload.single("image"), function(req, res, next) {
    var image = new Image({
        name: req.body.image_name
    });
    image.img.data = fs.readFileSync(req.file.path);
    image.img.contentType = "image/jpg";
    image.save(function(err) {
        if (err) { return next(err); }
        res.redirect("/");
    });
});

// Show some random image
router.get("/image", function(req, res, next) {
    Image.findOne({}, function(err, image) {
        if (err) { return next(err); }
        res.contentType(image.img.contentType)
        res.send(image.img.data);
    });
});
Run Code Online (Sandbox Code Playgroud)

image.js(图像模式):

var mongoose = require("mongoose");

var Schema = mongoose.Schema;

var ImageSchema = new Schema(
    {
        name: {type: String, required: true, max: 100},
        img: {data: Buffer, contentType: String}
    }
);

module.exports = mongoose.model("Image", ImageSchema);
Run Code Online (Sandbox Code Playgroud)

最后是创建图像的表单 create_image.pug:

extends layout

block content
    h1= title

    form(action="" method="POST" enctype="multipart/form-data")
        label(for="image_name") Name of Image:
        input#image_name.form-control(type="text" placeholder="Name of image" name="image_name" required="true")
        input(type="file" name="image")
        button(type='submit') Submit
Run Code Online (Sandbox Code Playgroud)

这工作得很好,因为图像存储在 MongoDB Atlas 中,但它也在本地存储图像。现在从生产的角度来看这不是一个好主意,因为项目会变得很大。但我似乎无法找出做这件事的正确方法?

有人可以告诉我正确的方法吗,以便我只将图像存储在 MongoDB Atlas 上,而不是本地?也可能告诉我,我是否把整个事情搞错了,并且应该以完全不同的方式来做这件事?

小智 5

如果您不想在本地存储图像,请使用 MemoryStorage 作为 Multer Storage。

var storage = multer.memoryStorage()
var upload = multer({ storage: storage })
Run Code Online (Sandbox Code Playgroud)

当使用内存存储时,文件信息将包含一个名为的字段buffer,其中包含整个文件。所以你不必打电话fs.readFileSync。您可以访问缓冲区并req.file.image.buffer分配图像数据;

image.img.data = req.file.image.buffer;
Run Code Online (Sandbox Code Playgroud)