web-dev-qa-db-ja.com

GridFSを使用してNode.jsとMongooseを使用して画像を保存する方法

Node.jsは初めてです。 Node.jsとMongooseを使用して、画像などのバイナリデータを保存および取得するためにGridFSを使用する方法の例を誰かに教えてもらえますか? GridFSに直接アクセスする必要がありますか?

20
Dar Hamid

私はここで最高評価の答えに満足していなかったので、新しいものを提供します:私はノードモジュールを使用することになりました 'gridfs-stream' (そこに素晴らしいドキュメントがあります!) npm。マングースと組み合わせると、次のようになります。

var fs = require('fs');
var mongoose = require("mongoose");
var Grid = require('gridfs-stream');
var GridFS = Grid(mongoose.connection.db, mongoose.mongo);

function putFile(path, name, callback) {
    var writestream = GridFS.createWriteStream({
        filename: name
    });
    writestream.on('close', function (file) {
      callback(null, file);
    });
    fs.createReadStream(path).pipe(writestream);
}

Pathは、ローカルシステム上のファイルのパスであることに注意してください。

ファイルの読み取り機能については、私の場合、ファイルをブラウザーにストリーミングする必要があります(Expressを使用)。

try {
    var readstream = GridFS.createReadStream({_id: id});
    readstream.pipe(res);
} catch (err) {
    log.error(err);
    return next(errors.create(404, "File not found."));
}
23
Mitja

これまでの回答は良いですが、「gridfs-stream」などのさらなる抽象化に頼るのではなく、公式の mongodb nodejs driver を使用してこれを行う方法をここに文書化することが有益だと思います。

以前の回答の1つは、実際に公式のmongodbドライバーを利用していますが、GridstoreAPIを使用しています。これは非推奨になりました。 ここ を参照してください。私の例では、新しい GridFSBucket API を使用します。

私の答えはnodejsプログラム全体になるので、質問は非常に広いです。これには、エクスプレスサーバー、mongodbドライバーのセットアップ、ルートの定義、GETおよびPOSTルートの処理)が含まれます。

使用されるNpmパッケージ

  • express(このスニペットを単純化するnodejs Webアプリケーションフレームワーク)
  • multer(multipart/form-dataリクエストを処理するため)
  • mongodb(公式のmongodb nodejsドライバー)

GET写真ルートは、画像を取得するためのパラメーターとしてMongoObjectIDを取ります。

アップロードしたファイルをメモリに保持するようにmulterを構成します。これは、写真ファイルがファイルシステムに書き込まれることはなく、代わりにメモリからGridFSに直接ストリーミングされることを意味します。


/**
 * NPM Module dependencies.
 */
const express = require('express');
const photoRoute = express.Router();

const multer = require('multer');
var storage = multer.memoryStorage()
var upload = multer({ storage: storage, limits: { fields: 1, fileSize: 6000000, files: 1, parts: 2 }});

const mongodb = require('mongodb');
const MongoClient = require('mongodb').MongoClient;
const ObjectID = require('mongodb').ObjectID;
let db;

/**
 * NodeJS Module dependencies.
 */
const { Readable } = require('stream');

/**
 * Create Express server && Routes configuration.
 */
const app = express();
app.use('/photos', photoRoute);

/**
 * Connect Mongo Driver to MongoDB.
 */
MongoClient.connect('mongodb://localhost/photoDB', (err, database) => {
  if (err) {
    console.log('MongoDB Connection Error. Please make sure that MongoDB is running.');
    process.exit(1);
  }
  db = database;
});

/**
 * GET photo by ID Route
 */
photoRoute.get('/:photoID', (req, res) => {
  try {
    var photoID = new ObjectID(req.params.photoID);
  } catch(err) {
    return res.status(400).json({ message: "Invalid PhotoID in URL parameter. Must be a single String of 12 bytes or a string of 24 hex characters" }); 
  }

  let bucket = new mongodb.GridFSBucket(db, {
    bucketName: 'photos'
  });

  let downloadStream = bucket.openDownloadStream(photoID);

  downloadStream.on('data', (chunk) => {
    res.write(chunk);
  });

  downloadStream.on('error', () => {
    res.sendStatus(404);
  });

  downloadStream.on('end', () => {
    res.end();
  });
});

/**
 * POST photo Route
 */
photoRoute.post('/', (req, res) => {
  upload.single('photo')(req, res, (err) => {
    if (err) {
      return res.status(400).json({ message: "Upload Request Validation Failed" });
    } else if(!req.body.name) {
      return res.status(400).json({ message: "No photo name in request body" });
    }

    let photoName = req.body.name;

    // Covert buffer to Readable Stream
    const readablePhotoStream = new Readable();
    readablePhotoStream.Push(req.file.buffer);
    readablePhotoStream.Push(null);

    let bucket = new mongodb.GridFSBucket(db, {
      bucketName: 'photos'
    });

    let uploadStream = bucket.openUploadStream(photoName);
    let id = uploadStream.id;
    readablePhotoStream.pipe(uploadStream);

    uploadStream.on('error', () => {
      return res.status(500).json({ message: "Error uploading file" });
    });

    uploadStream.on('finish', () => {
      return res.status(201).json({ message: "File uploaded successfully, stored under Mongo ObjectID: " + id });
    });
  });
});

app.listen(3005, () => {
  console.log("App listening on port 3005!");
});

私はこのテーマに関するブログ投稿を書きました。は私の答えの詳細です。利用可能 ここ

さらに読む/インスピレーション:

10
Riky_Tree

この質問を見てみることをお勧めします: MongoDB GridFSでNode.JSを使用してファイルを保存する際の問題

回答からコピーした例(クレジットはchristkvに送られます):

// You can use an object id as well as filename now
var gs = new mongodb.GridStore(this.db, filename, "w", {
  "chunk_size": 1024*4,
  metadata: {
    hashpath:gridfs_name,
    hash:hash,
    name: name
  }
});

gs.open(function(err,store) {
  // Write data and automatically close on finished write
  gs.writeBuffer(data, true, function(err,chunk) {
    // Each file has an md5 in the file structure
    cb(err,hash,chunk);
  });
});
8
blockchaindev

WriteBufferは非推奨になっているようです。

/Users/kmandrup/private/repos/node-mongodb-native/HISTORY:
   82  * Fixed dereference method on Db class to correctly dereference Db reference objects. 
   83  * Moved connect object onto Db class(Db.connect) as well as keeping backward compatibility.
   84: * Removed writeBuffer method from gridstore, write handles switching automatically now.
   85  * Changed readBuffer to read on Gridstore, Gridstore now only supports Binary Buffers no Strings anymore.
3
Kristian