Handle Express Image File Upload

imageServices.js

let multiparty = require('multiparty');
let fs = require('fs');

function saveImage(req, res) {
  let form = new multiparty.Form();

  form.parse(req, (err, fields, files) => {

    let {path: tempPath, originalFilename} = files.imageFile[0];
    let copyToPath = "./images/" + originalFilename;
  
    fs.readFile(tempPath, (err, data) => {
      // make copy of image to new location
      fs.writeFile(newPath, data, (err) => {
        // delete temp image
        fs.unlink(tmpPath, () => {
          res.send("File uploaded to: " + newPath);
        });
      }); 
    }); 
  })
}

Hi,

Thanks for these three snippets of code. I am now building an React app by trying to use your code. Could you give me more instructions on how to put these three files together? Thanks!

var {path: tempPath, originalFilename} = files.imageFile[0];
      ^
SyntaxError: Unexpected token {

Please give some solutions.

hello thank you for your code , i have an issue :

Cannot POST /upload

Failed to load resource: the server responded with a status of 404 (Not Found)

handleFileUpload(req,res) {let multiparty = require('multiparty');
       let form = new multiparty.Form();
       let fs = require('fs');

       form.parse(req, (err, fields, files) => {

           let {path: tempPath, originalFilename} = files.File[0];
           let copyToPath = "./file/" + originalFilename;
       
           fs.readFile(tempPath, (err, data) => {
           // make copy of image to new location
           fs.writeHead(200, {"Content-Type": "text/html"});
           fs.writeFile(copyToPath, data, (err) => {
               // delete temp image
               fs.unlink(tempPath, () => {
               res.send("File uploaded to: " + copyToPath);
               });
           }); 
           }); 
       })     
          
   }

the goal is to insert the uploadedfile into json object