nodejsボディパーサーファイルアップロードフォーム

  1. 私たちは、モジュールを導入する必要があります
var Express = require('express');
var multer = require('multer');
var bodyParser = require('body-parser');
  1. 第一歩
var Storage = multer.diskStorage({
    destination: function (req, file, callback) {
        callback(null, "./Images");
    },
    filename: function (req, file, callback) {
        callback(null, file.fieldname + "_" + Date.now() + "_" + file.originalname);
    }
});

目的地:画像のアップロードの場所のプロファイル
私が行う方法を具体的に知っていない、Baiduは出てきませんでした

ファイル名やファイル名
フィールド名は、フォームフィールド名+「に指定された」+ +スタンプ「名前」ユーザーのコンピュータ上のファイル+

  1. 第三段階
var upload = multer({ storage: Storage }).array("imgUploader", 3); //Field name and max count

multerパラメータとして、前のステップで私たちが作成したストレージを受け入れるここ
3のファイル長の配列を受け入れるために、すべてのファイル名はimgUploaderです。
ここに画像を挿入説明
この時間は、ファイルアップロードのフロントエンドは、私たちがreq.filesで書く方法に存在しています
ボディパーサーの使用と同様に、その他のコンテンツが存在するreq.body(同じがない、預金が配列であるreq.files

ここに画像を挿入説明

私は、使用中に発生する問題

  1. 使用FORMDATAは、フォームの内容のみ使用することができ得る場合、そのようなネイティブJSとしてクエリ
let form = document.getElementById("test-form")
  1. 完成アップロード検索の背景エラー予期しないフィールドの後に
    名前プロパティ入力ボックスフォームは、ラインimgUploader **(平均第三ステップ「ファイル名」の前に、同じ提供される、すなわち、入力された名前の属性名=「ファイルのフロントエンドにファイルをアップロードします名前「)**
<input type="file" name = "imgUploader" accept="image/gif, image/jpeg,image/x-png">

最後に、添付:multerリンクを使用GitHubのmulterファイルの例を

公開された50元の記事 ウォン称賛23 ビュー1252

おすすめ

転載: blog.csdn.net/qq_44698161/article/details/102593041