Save POST data to local server using NodeJS

Question

Using nodeJs with express.

The POST data is being parsed by body parser. Now i want to save the received image file in a folder of express application named images. The image is being posted to nodeJs app. When i look at the res.body variable in the callback function it contains the image, but i am confused how to save it.

I have looked on stackflow but could not find any answer. So posted myself.

I have tried using the fs library and its fs.writeFile() function. It saves the file but it is all corrupted.

image1 is the name of image in posted data. Using bodyparser()

var image = req.body.image1;
        fs.writeFile('images/newImage.jpg', image, function(err){
            if (err) throw err;
            console.log('It is saved');
        });

This saves a file in images directory but it is not the image.

I am using curl to post data to the nodejs application, the code is

$curl = curl_init();
$data = array('name' => 'First','file' => "image1=@".__dir__."/images/1.jpg");

curl_setopt($curl, CURLOPT_URL, "http://localhost:3000/api/");
curl_setopt($curl, CURLOPT_POST, 1);
curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);

curl_exec($curl);
curl_close($curl);

I am logging both of the two console.log functions

   console.log(req.files);
   console.log(req.body);

and the log give

{}
{ name: 'First',
  file: 'image1=@C:\\xampp\\htdocs\\curltest/images/1.jpg' }

Please help this is driving me crazy :-/

@yeah sure! Edited the post for you.

S. A. Malik
– S. A. Malik

2012-07-28 12:27:52 +00:00
Commented Jul 28, 2012 at 12:27 — S. A. Malik
– S. A. Malik, Commented Jul 28, 2012 at 12:27

KARASZI István · Accepted Answer · 2012-07-28 15:08:50Z

2

First of all the correct parameter order of fs.writeFile is the filename first then the content.

If you're using express.bodyParser() you'll have the uploaded files in the req.files field.

And of course you should write the callback:

fs.writeFile('newImage', req.files.image, function (err) {
  if (err) throw err;
  console.log("It's saved");
});

Update

You should also check your HTML side, because the encoding of your form must be multipart/form-data.

Example:

<form action="/somewhere/to/post" method="post" enctype="multipart/form-data">
  <input type="file" name="image1"/>
  <input type="submit"/>
</form>

edited Jul 28, 2012 at 15:08

answered Jul 28, 2012 at 12:34

KARASZI István

31.5k9 gold badges107 silver badges133 bronze badges

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

5 Comments

S. A. Malik Over a year ago

Tried it, but it does not work, i have also edited the code in my post.

KARASZI István Over a year ago

The uploaded files will be in the req.files field not in the body.

S. A. Malik Over a year ago

@but the console.log(req.files) always gives undefined

KARASZI István Over a year ago

Are you using the bodyParser?

S. A. Malik Over a year ago

the multipart/form-data thing solved the issue. Thanks a lot.

rubelux · Accepted Answer · 2014-09-15 11:50:02Z

0

if you are using Express 4, bodyParser is not included, but what you really need is to use a multiparty package, I use this and your code will be something like this:

within your POST router

var form = new multiparty.Form();

form.parse(req, function(err, fields, files) {
        if(err){
            res.status(500).send('not file');
        }
     res.send(util.inspect({fields: fields, files: files}));
});

hope this helps

answered Sep 15, 2014 at 11:50

rubelux

611 silver badge6 bronze badges

Collectives™ on Stack Overflow

Save POST data to local server using NodeJS

2 Answers 2

Update

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Update

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related