Multerは、ファイルのアップロードはエラー

Question

私はファイルをアップロードしようとすると、ファイルをアップロードするmulterを使用しています

それは私のコードです、私は次のエラーを示し

var multer = require('multer'); 

var storage = multer.diskStorage({ 
    destination: function (req, file, cb) { 
    cb(null, '../public/uploads/') 
    }, 
    filename: function (req, file, cb) { 
    cb(null, file.fieldname + '-' + Date.now()) 
    } 
}); 

var upload = multer({ storage: storage }); 

EJSビューで私のフォームは

<form action="class/<%= record.Class_Name %>/detial" method="post" enctype="multipart/form-data"> 
    <input type="text" name="UploaderName"> 
    input type="text" name="Title" > 
    <input type="file" name="ThesisFile"> 
     <button type="submit">Choose File</button> 
</form> 

である私経路コードは、私がフォームを送信する際

router.post('/Class/:name/detial' , isLoggedIn , upload.single('ThesisFile') , function(req , res , next) { 
    var Name = req.body.UploaderName; 
    var Title = req.body.Title; 
    var file = req.body.ThesisFile; 
    var thesis = { 
    Submitted_By: Name, 
    Title : Title, 
    File: file 
    }; 
    ClassModel.findOne({ Class_Name : req.params.name } , function(err , record) { 
    record.ClassFiles.push(thesis); 
     record.save().then(function(record) { 
      req.flash('sucess_msg' , 'Thesis Added Sucessfully'); 
      res.render('class' , { 
      "record" : record 
      }); 
     }); 
    }); 
}); 

が、それは誤り 次を見せています

Answer 1

<form id="myForm" name="myForm" action="class/<%= record.Class_Name %>/detial" method="POST" enctype="multipart/form-data"> 
    <input type="text" name="uploaderName"> 
    <input type="text" name="title" > 
    <input type="file" id="thesisFile" name="thesisFile"> 
    <button type="submit">Upload</button> 
</form> 

リクエストをHTMLで処理する代わりに、JavaScriptで処理できます。

const $ = (selector) => { 
    return document.querySelector(selector); 
}; 

const submit = (event) => { 
    event.preventDefault(); 
    const form = $("#myForm"); 
    const thesisFile = $("#thesisFile").files[0]; 

    const oData = new FormData(form); 

    const request = new XMLHttpRequest(); 

    // replace "/Class/:name/detial" appropriately 
    request.open("POST", "/Class/:name/detial", true); 

    request.onload = (event) => { 
    if (request.status === 200) { 
     // do something 
    } else { 
     console.log("Error occurred"); 
    } 
    }; 

    request.send(oData); 
}; 

const form = document.forms.namedItem("myForm"); 
form.onsubmit = submit;