So speichern Sie Datei mit Express 4 und Multer?

Question

Ich versuche, eingehende Datei von FormData XHR-Anfrage zu speichern, aber ich kann eingehende Anfrage nicht einmal analysieren. Dies ist, wie ich versuche, Datei zu senden:

... 
    let xhr = new XMLHttpRequest(), 
    formData = new FormData(); 

    for(let i = 0; i < this.files.length; i++) { 
     formData.append(this.files[i], this.files[i].name); 
    } 
    xhr.open('POST', URL, true); 
    xhr.send(formData); 
... 

Und das ist, wie ich versuche, es zu fangen:

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

router.post('/upload', uploads.any(), function (req, res) { 
    console.log(req.files); // [] 
    console.log(req.file); // undefined 
    console.log(req.body); //{ '[object File]': '20160715_104330.jpg' } 
}); 

Das Bild auf dem Server kommt aber schreibt nicht in das Verzeichnis Uploads.

Wie kann ich das Bild in den Uploads des Verzeichnisses speichern?

Answer 1

Ich habe den Fehler gefunden. Das Folgende ist die korrigierte Codezeile:

formData.append('Choose your Fieldname', this.files[i], this.files[i].name); 

Ich brauchte nur den ersten Parameter ist eine Zeichenfolge, die den Feldnamen darstellt.

Das Ergebnis sehen Sie im Backend:

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

router.post('/upload', uploads.any(), function (req, res) { 
    console.log(req.files); 
    /* [ { fieldname: 'Choose your Fieldname', 
      originalname: '20160715_104330.jpg', 
      encoding: '7bit', 
      mimetype: 'image/jpeg', 
      destination: './uploads/', 
      filename: '72b7a52101537ab1006f4feb0fa752be', 
      path: 'uploads\\72b7a52101537ab1006f4feb0fa752be', 
      size: 233509 } ] 
    */ 
    console.log(req.file); // undefined 
    console.log(req.body); //{} 
}); 

Unten ist ein kleiner Code im Frontend:

... 
    upload(){ 
     let xhr = new XMLHttpRequest(), 
     formData = new FormData(); 
     formData.append('Choose your Fieldname', this.files[0], this.files[0].name); 
     xhr.open('POST', URL, true); 
     xhr.send(formData); 
    } 
...