node.js - express 中怎样把grid-fs中存储的图片,显示在网页上?
黄舟
黄舟 2017-04-17 15:17:59
0
1
687

express 中怎样把grid-fs中存储的图片,显示在网页上?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全員に返信(1)
黄舟

express を使用してフロントエンドの GridFS に画像を表示します

モンゴの準備

  • mongo サービスを開始します。mongod --dbpath ~/mongodb_Data (~/mongodb_Data を独自のパスに置き換えます)

  • mongofiles -d test put /Users/taozhi/Pictures/bg/21.jpg を使用して gridfs に画像を追加し、画像パス /Users/taozhi/Pictures/bg/21.jpg を独自のものに置き換えます。追加が成功すると、次のプロンプトが表示されます:

    リーリー
  • mongoデフォルトの mongo サーバーに接続すると、db.fs.files.find()ファイル名、ファイル サイズ、ブロック サイズ、時間、MD5 チェック コードなどを含む、保存された画像の情報を確認できます。

    リーリー
  • ファイルの _id に従って、fs.chunks コレクション内のすべてのチャンクをクエリします。db.fs.chunks.find({files_id:ObjectId('581aad5aa3205aa0b201aceb')})

データの準備作業はこれでほぼ完了したので、アプリケーション サービスを作成しましょう。

  • または、GridFS の writeFile を直接使用することもできます。詳細なコードは以下を参照してください。

ノードサービス

サービスはいくつかのステップに分かれています

  • プロセスの集合の場合はファイルを読み込みます

  • mongo に書きます

  • サービス中のデータの読み取り

  • フロントエンドに戻る

リクエストされたのは写真なので、ここでファイルデータを読み込んでbase64エンコードしてフロントエンドに返すと、写真が表示されます

app.js

リーリー

index.eje

リーリー

個人テストは成功しました。

コードは少し急いで書かれていますが、ご自身で改善できる部分がたくさんあります。参考になれば幸いです。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート