Multer npm modülünü kullanarak uygulamama dosya yüklemeye çalışıyorum.

Tanımladığım birleştirme işlevi, dosya sistemine tek bir dosyanın yüklenmesine izin vermektir. Her şey çalışma süresi boyunca çalışır; sorun dosyayı yükledikten sonra aşağıda bir hata alıyorum. Nereye bakılacağına dair herhangi bir tavsiye.

Hata:

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"
  }
}

Name özniteliğine sahip type = file ile geçirilen parametre adının aynı olduğundan emin olmalıyız. 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'); });

});

<NAME>Eğer multer en kullandığınız upload.single(<NAME>)işlevin içinde kullandığınız aynı olmalıdır <input type="file" name="<NAME>" ...>.

Yani değişmen gerek

var type = upload.single('file')

için

var type = upload.single('recfile')

app.js'de

Bu yardımcı olur umarım.

Vincent'ın cevabının devamı.

Soru bir form kullandığından, soruya doğrudan bir cevap değil.

Benim için, kullanılan giriş etiketinin adı değil, dosyayı formData'ya eklerken kullanılan addı.

ön uç dosyası

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

web servis dosyası:

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

çünkü 2 resim yükleniyor! dosya uzantılı bir dosya ve uzantısız diğer dosya. tmp_path silmek için (uzantısız dosya)

sonra
src.pipe(dest);

aşağıdaki kodu ekle

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

Bu, kullanabileceğiniz Api için

 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");
 });

Bu aynı zamanda Postman'da iyi çalışıyor, ancak dosya .jpg uzantısıyla gelmiyor mu? Aşağıda yorumlandığı gibi

Uzantısı olmayan dosya yüklerse, bu, birleştiricinin varsayılan özelliğidir, ancak size dosyanın uzantısını güncelleyebileceğiniz dosya nesnesini sağlar.

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);

Ne yazık ki, hata mesajı gerçek sorunun ne olduğu hakkında net bilgi sağlamaz. Bunun için biraz hata ayıklama gereklidir.

Yığın izlemesinden, multerpaketteki hatanın kaynağı şu şekildedir:

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)
}

Ve burada uygulanan garip (muhtemelen yanlış) çeviri, mesajın kendisinin kaynağıdır ...

'LIMIT_UNEXPECTED_FILE': 'Unexpected field'

filesLeftsunucunuzun beklediği file.fieldnamealanın adını içeren ve istemci tarafından sağlanan alanın adını içeren bir nesnedir . İstemci tarafından sağlanan alan adı ile sunucu tarafından beklenen alan adı arasında bir uyumsuzluk olduğunda hata atılır.

Çözüm, istemcideki veya sunucudaki adı değiştirerek ikisinin de aynı fikirde olmasını sağlamaktır.

Örneğin fetch, müşteri üzerinde kullanırken ...

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

Ve sunucunun aşağıdaki gibi bir rotası olacaktır ...

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

myfileOrtak adın bu olduğuna dikkat edin (bu örnekte).

İsteğime aktardığım ismi arayarak bu sorunları çözüyorum

Vücuda gönderiyordum:

{thumbbail: <myimg>}

ve bekliyordum:

upload.single('thumbnail')

bu yüzden istek üzerine gönderilecek adı düzeltirim

Adresinde " recfile " olarak gönderilen ve şurada<input type="file" name='recfile' placeholder="Select file"/> " dosya " olarak alınan farklı dosya adıupload.single('file')

Çözüm : Hem gönderilen hem de alınan dosyanın benzer olduğundan emin olunupload.single('recfile')

Senaryomda bu, içindeki bir parametreyi yeniden adlandırdığım swagger.yamlancak dokümanlar sayfasını yeniden yüklemediğim için oluyordu.

Bu yüzden beklenmedik bir girdi parametresiyle API'yi deniyordum.
Uzun lafın kısası, F5benim arkadaşım.

Muhtemelen 'da bahsettiğinizle aynı adı vermiyorsunuz upload.single('file').

Benim durumumda, farklı görünümlerde ve farklı yönlendirici dosyalarında 2 formum vardı. İlk yönlendirici, birinci görünümde ad alanını kullandı ve dosya adı "inputGroupFile02" idi. İkinci görünümün dosya girişi için başka bir adı vardı. Bazı nedenlerden dolayı Multer farklı görünümlerde farklı isimler belirlemenize izin vermez, bu yüzden her iki görünümde de dosya girişi için aynı adı kullanmaya karar verdim.