web-dev-qa-db-ja.com

マルターをエクスプレスルートで使用しますか？ （MEANJSを使用）

私は Multer を使用してExpress 4で画像をアップロードしています。ただし、すべての例では、MulterがExpressファイルでミドルウェアとして定義されています。アプリのルーティング自体で実際にいくつかのMulterビヘイビアーを定義したいと思います。これは可能ですか？必要な最終結果は、サーバーへの応答をブラウザーに送信する前にアップロードがいつ終了したかをルート関数が認識できるようにすることです。これにより、ユーザーに画像を表示できます（現在のところ、部分的な画像しか表示されていません。ファイルのアップロードがまだ完了していません）。

現在の作業コード

express.js

// Require Multer as module dependency.
var multer = require('multer');

// Using Multer for file uploads.
app.use(multer({
    dest: './public/profile/img/',
    limits: {
        fieldNameSize: 50,
        files: 1,
        fields: 5,
        fileSize: 1024 * 1024
    },
    rename: function(fieldname, filename) {
        return filename;
    },
    onFileUploadStart: function(file) {
        if(file.mimetype !== 'image/jpg' && file.mimetype !== 'image/jpeg' && file.mimetype !== 'image/png') {
            return false;
        }
    }
}));

server_routes.js

app.route('/users/image').post(server_controller_file.imageUpload);

server_controller_file.js

exports.imageUpload = function(req, res) {
// Check to make sure req.files contains a file, mimetypes match, etc., then send appropriate server response.
};

理想的には、私のserver_controller_file.jsには、ファイルのアップロードが完了したことを確認するためのチェックが含まれています。 （注：これは架空/望ましいものであり、実際の作業コードではありません）...

var multer = require('multer');
exports.imageUpload = function(req, res) {
    multer({
        onFileUploadComplete: function(file) {
            res.send();
        }
    });
}

繰り返しますが、ノードの非同期性により、ブラウザは正常な応答を受信するとすぐにアップロードが完了したと見なします。そのため、URLを更新して画像を表示すると、部分的にしか表示されません。助けてくれてありがとう！

javascriptexpressmeanjsmulter
13
aikorei

はい、実際に生データを書き込んだだけです。 inMemoryをtrueに設定すると、生データがreq.files.file.bufferに送信されます。これが最終的な実用的なソリューションです。

express.js

// Using Multer for file uploads.
app.use(multer({
    dest: './public/profile/img/',
    limits: {
        fieldNameSize: 50,
        files: 1,
        fields: 5,
        fileSize: 1024 * 1024
    },
    rename: function(fieldname, filename) {
        return filename;
    },
    onFileUploadStart: function(file) {
        console.log('Starting file upload process.');
        if(file.mimetype !== 'image/jpg' && file.mimetype !== 'image/jpeg' && file.mimetype !== 'image/png') {
            return false;
        }
    },
    inMemory: true //This is important. It's what populates the buffer.
}));

server_controller_file.js

exports.imageUpload = function(req, res) {
    var file = req.files.file,
        path = './public/profile/img/';

    // Logic for handling missing file, wrong mimetype, no buffer, etc.

    var buffer = file.buffer, //Note: buffer only populates if you set inMemory: true.
        fileName = file.name;
    var stream = fs.createWriteStream(path + fileName);
    stream.write(buffer);
    stream.on('error', function(err) {
        console.log('Could not write file to memory.');
        res.status(400).send({
            message: 'Problem saving the file. Please try again.'
        });
    });
    stream.on('finish', function() {
        console.log('File saved successfully.');
        var data = {
            message: 'File saved successfully.'
        };
        res.jsonp(data);
    });
    stream.end();
    console.log('Stream ended.');
};
7
aikorei

実際、あなたは別の方法であなたが望むことをすることができます：

var express = require('express');
var multer  = require('multer');
var upload = multer({ dest: './uploads/'});
var app = express();

app.get('/', function(req, res){
  res.send('hello world');
});

// accept one file where the name of the form field is named photho
app.post('/', upload.single('photho'), function(req, res){
    console.log(req.body); // form fields
    console.log(req.file); // form files
    res.status(204).end();
});

app.listen(3000);
17
Aymen Mouelhi

私はバスボーイの例を見つけます：

exports.upload = function (req, res, next) {
   req.busboy.on('file', function (fieldname, file, filename, encoding, mimetype) {
       // ....
   });

   req.pipe(req.busboy);
};

multerはbusboyもパイプしています：

 req.pipe(busboy);

https://github.com/expressjs/multer/blob/master/index.js#206

2
Ryan Yiada