Node Js Image Upload Not working

Question

I need to upload the image to server using node js.The image is coming from ios app as a file data. I have used the following code,

 var fs = require("fs");
    var imageName = req.files.profile_image.name;
    fs.readFile(req.files.profile_image.path, function (err, data) {
    console.log(imageName);
    // If there's an error
    if(!imageName){
      console.log("There was an error")
      //res.redirect("/");
      //res.end();
    } else {
        console.log(data);
      var newPath = 'http://example.com/images/' + imageName;
      // write file to uploads/fullsize folder
      fs.writeFile(newPath, data, function (err) {
        // let's see it
        console.log(err);
        //res.redirect("http://example.com/images/" + imageName);
      });
    }
  });

When I run this code, I have received no error but the image is not uploaded in images folder.

I am getting the following error with fs.writeFile,

   { Error: ENOENT: no such file or directory, open 'http://example.com/images/user-profile.jpg'
    at Error (native)
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: 'http://example.com/images/user-profile.jpg' }

Please help.

TypeError: fs.move is not a function I am getting. How to check the permission issue. — rekha s
– rekha s, Commented Jun 24, 2016 at 6:47
http://example.com/images/user-profile.jpg is not a valid file system path. Why are you trying to save the file with a hard-coded domain in url format? Is that a mistake or do you want/need it like that for some reason? Saving the file with that name won't make it available from that url... — cviejo
– cviejo, Commented Jun 24, 2016 at 8:12

Cyrbil · Accepted Answer · 2016-06-24 08:13:42Z

2

You cannot write the image you are receiving as an url ...
It should be a local path on the server that is running your application.

fs.readFile(req.files.displayImage.path, function (err, data) {
  // ...
  var newPath = __dirname + "/uploads/uploadedFileName";
  fs.writeFile(newPath, data, function (err) {
    res.redirect("back");
  });
});

Also do not re-write the image into its new path, but instead move it (with rename()):

fs.readFile(req.files.displayImage.path, function (err, data) {
  // ...
  var newPath = __dirname + "/uploads/uploadedFileName";

  fs.rename(files.upload.path, _path +'/'+ img_name + '.png', function (error) {
    res.redirect("back");
  });
});

answered Jun 24, 2016 at 8:13

Cyrbil

6,5081 gold badge27 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashraf Zidane · Accepted Answer · 2019-03-02 11:10:08Z

-1

use this in the app.js

app.use('/uploads', express.static('uploads'));

answered Mar 2, 2019 at 11:10

Ashraf Zidane

1

1 Comment

Nino Filiu Over a year ago

This is useful for serving static files, but the question is about file uploads.

Collectives™ on Stack Overflow

Node Js Image Upload Not working

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related