Sto lavorando per caricare un file sulla mia app utilizzando il modulo npm multer.

La funzione multer che ho definito è quella di consentire un singolo file caricato nel file system. Tutto funziona durante il runtime; il problema è dopo che ho caricato il file ottengo un errore di seguito. Qualche consiglio apprezzato su dove cercare.

Errore:

Unexpected field

Error: Unexpected field
    at makeError (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\lib\make-error.js:12:13)
    at wrappedFileFilter (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\index.js:39:19)
    at Busboy.<anonymous> (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\lib\make-middleware.js:97:7)
    at Busboy.emit (events.js:118:17)
    at Busboy.emit (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\node_modules\busboy\lib\main.js:31:35)
    at PartStream.<anonymous> (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\node_modules\busboy\lib\types\multipart.js:205:13)
    at PartStream.emit (events.js:107:17)
    at HeaderParser.<anonymous> (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\node_modules\busboy\node_modules\dicer\lib\Dicer.js:51:16)
    at HeaderParser.emit (events.js:107:17)
    at HeaderParser._finish (c:\Users\Dev\WebstormProjects\Crunch\node_modules\multer\node_modules\busboy\node_modules\dicer\lib\HeaderParser.js:70:8) 

app.js

var multer = require('multer');
var app = express();
var fs = require('fs');

//. . . 

var upload = multer({ dest: 'upload/'});
var type = upload.single('file');

app.post('/upload', type, function (req,res) {
  var tmp_path = req.files.recfile.path;
  var target_path = 'uploads/' + req.files.recfile.name;
fs.readFile(tmp_path, function(err, data)
{
  fs.writeFile(target_path, data, function (err)
  {
    res.render('complete');
  })
});

Index.hbs

<form action="/upload" method="post" enctype="multipart/form-data">
    <input type="file" name='recfile' placeholder="Select file"/>
    <br/>
    <button>Upload</button>
</form>

#Package.json
  "dependencies": {
    "body-parser": "~1.13.2",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "easy-zip": "0.0.4",
    "express": "~4.13.1",
    "hbs": "~3.1.0",
    "less-middleware": "1.0.x",
    "morgan": "~1.6.1",
    "multer": "~1.0.0",
    "serve-favicon": "~2.3.0"
  }
}

Dobbiamo assicurarci che l'attributo type = file con l'attributo name sia lo stesso del nome del parametro passato upload.single('attr')

var multer  = require('multer');
var upload = multer({ dest: 'upload/'});
var fs = require('fs');

/** Permissible loading a single file, 
    the value of the attribute "name" in the form of "recfile". **/
var type = upload.single('recfile');

app.post('/upload', type, function (req,res) {

  /** When using the "single"
      data come in "req.file" regardless of the attribute "name". **/
  var tmp_path = req.file.path;

  /** The original name of the uploaded file
      stored in the variable "originalname". **/
  var target_path = 'uploads/' + req.file.originalname;

  /** A better way to copy the uploaded file. **/
  var src = fs.createReadStream(tmp_path);
  var dest = fs.createWriteStream(target_path);
  src.pipe(dest);
  src.on('end', function() { res.render('complete'); });
  src.on('error', function(err) { res.render('error'); });

});

Quello <NAME>che usi nella upload.single(<NAME>)funzione multer deve essere uguale a quello che usi <input type="file" name="<NAME>" ...>.

Quindi devi cambiare

var type = upload.single('file')

per

var type = upload.single('recfile')

in te app.js

Spero che questo ti aiuti.

Un seguito alla risposta di Vincent.

Non è una risposta diretta alla domanda poiché la domanda utilizza un modulo.

Per me, non era il nome del tag di input utilizzato, ma il nome quando si aggiungeva il file a formData.

file front-end

   var formData = new FormData();
   formData.append('<NAME>',this.new_attachments)

file del servizio Web:

   app.post('/upload', upload.single('<NAME>'),...

poiché vengono caricate 2 immagini! uno con estensione file e altri file senza estensione. eliminare tmp_path (file senza estensione)

dopo
src.pipe(dest);

aggiungi sotto il codice

fs.unlink(tmp_path); //deleting the tmp_path

Questo per l'API che potresti usare

 const express        = require('express');
 const bodyParser     = require('body-parser');
 const app = express();
 var multer = require('multer');
 const port = 8000;
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: true }));

 app.listen(port, ()=>{
 console.log('We are live on' + port);
 });

 var upload = multer({dest:'./upload/'});

 app.post('/post', upload.single('file'), function(req, res) {
  console.log(req.file);
 res.send("file saved on server");
 });

Funziona bene anche con Postman ma il file non ha estensione .jpg Qualche consiglio? Come commentato di seguito

Questa è la funzione predefinita di Multer se si carica un file senza estensione, tuttavia, viene fornito l'oggetto file, tramite il quale è possibile aggiornare l'estensione del file.

var filename = req.file.filename; 
var mimetype = req.file.mimetype; 
mimetype = mimetype.split("/"); 
var filetype = mimetype[1]; 
var old_file = configUploading.settings.rootPathTmp+filename; 
var new_file = configUploading.settings.rootPathTmp+filename+'.'+filetype; 
rname(old_file,new_file);

Sfortunatamente, il messaggio di errore non fornisce informazioni chiare su quale sia il vero problema. Per questo, è richiesto un po 'di debug.

Dalla traccia dello stack, ecco l'origine dell'errore nel multerpacchetto:

function wrappedFileFilter (req, file, cb) {
  if ((filesLeft[file.fieldname] || 0) <= 0) {
    return cb(makeError('LIMIT_UNEXPECTED_FILE', file.fieldname))
  }

  filesLeft[file.fieldname] -= 1
  fileFilter(req, file, cb)
}

E la strana (forse errata) traduzione applicata qui è la fonte del messaggio stesso ...

'LIMIT_UNEXPECTED_FILE': 'Unexpected field'

filesLeftè un oggetto che contiene il nome del campo atteso dal server e file.fieldnamecontiene il nome del campo fornito dal client. L'errore viene generato quando si verifica una discrepanza tra il nome del campo fornito dal client e il nome del campo previsto dal server.

La soluzione è cambiare il nome sul client o sul server in modo che i due siano d'accordo.

Ad esempio, quando si utilizza fetchsul client ...

var theinput = document.getElementById('myfileinput')
var data = new FormData()
data.append('myfile',theinput.files[0])
fetch( "/upload", { method:"POST", body:data } )

E il server avrebbe un percorso come il seguente ...

app.post('/upload', multer(multerConfig).single('myfile'),function(req, res){
  res.sendStatus(200)
}

Si noti che myfileè il nome comune (in questo esempio).

Risolvo questi problemi cercando il nome che ho passato sulla mia richiesta

Stavo spedendo sul corpo:

{thumbbail: <myimg>}

e mi aspettavo di:

upload.single('thumbnail')

così, fisso il nome che un invia su richiesta

Nome file diverso che è stato pubblicato come " recfile " in <input type="file" name='recfile' placeholder="Select file"/>e ricevuto come " file " in upload.single('file')

Soluzione : assicurarsi che i file inviati e ricevuti siano similiupload.single('recfile')

Nel mio scenario ciò stava accadendo perché ho rinominato un parametro swagger.yamlma non ho ricaricato la pagina dei documenti.

Quindi stavo provando l'API con un parametro di input imprevisto.
Per farla breve, F5è mio amico.

probabilmente non stai dando lo stesso nome che hai citato in upload.single('file').

Nel mio caso, avevo 2 moduli in viste diverse e file router diversi. Il primo router ha usato il campo nome con la vista uno e il suo nome file era "inputGroupFile02". La seconda vista aveva un altro nome per l'input del file. Per qualche motivo Multer non consente di impostare nomi diversi in viste diverse, quindi ho deciso di utilizzare lo stesso nome per l'input del file in entrambe le viste.