File upload with nodejs, express, mean stack

Question

I am new to Mean and nodejs. I have a old project with old dependencies. And I am trying to upload image file to server using angular js. But it does not work. I don't know how to retrieve image file data, name, type, etc at both client and server side.

Client js

$scope.uploadFile = function(files,index) {

    console.log("uploading file");
    console.log("sticker index:" + index);
    console.log("StickerGroupID:"+ $scope.stickergroup._id);
console.log("file:"+ files[0].name);

console.log("sticker :  " + $scope.stickergroup.stickers[index].stickername );

$scope.stickergroup.stickers[index].stickerFileName = files[0].name ;
    console.log("sticker path now:" +$scope.stickergroup.stickers[index].stickerFileName);

  var fd = new FormData();

  fd.append("file", files[0]);
  fd.append("filename", files[0].name);

//put an upload file to temp location.
$http.post("/stickergroups/uploadstickers", fd, {
//   withCredentials: true,
  headers: {'Content-Type': undefined },
  transformRequest: angular.identity});

Server js

exports.uploadTempFile = function(req, res) {

console.log("uploading start");

console.log("file required :" +req.files);
var imagefile = req.files.file;
var tempDirectorySticker = tempDirectory + imagefile.originalFilename;

console.log("temp directory" + tempDirectorySticker );

fs.readFile(imagefile.path, function (err, data) {
    fs.writeFile(tempDirectorySticker, data, function (err) {
    res.redirect("back");
    });
 });};

req.files is resulting "undefined".

Thanks

have you been trying to see what is in req.file ?

changtung
– changtung

2015-02-20 09:03:04 +00:00
Commented Feb 20, 2015 at 9:03 — changtung
– changtung, Commented Feb 20, 2015 at 9:03
req.file is undefined.

Phyo
– Phyo

2015-02-20 09:09:52 +00:00
Commented Feb 20, 2015 at 9:09 — Phyo
– Phyo, Commented Feb 20, 2015 at 9:09

user4510143 · Accepted Answer · 2015-02-20 09:08:22Z

1

You have to actually use the file upload middleware to get express to unpack that part of the request. From the multer docs:

var express = require('express')
var multer  = require('multer')

var app = express()
app.use(multer({ dest: './uploads/'}));

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

answered Feb 20, 2015 at 9:08

user4510143

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

1 Comment

Phyo Over a year ago

Thanks and sorry for late reply.

NeiL · Accepted Answer · 2015-02-20 09:52:53Z

0

Make sure to use you are using middleware for multipart/form-data e.g. multer https://github.com/expressjs/multer .

Also, Check if there is CORS error. You can install cors npm module for solving that. https://www.npmjs.com/package/cors

answered Feb 20, 2015 at 9:52

NeiL

80110 silver badges38 bronze badges

Collectives™ on Stack Overflow

File upload with nodejs, express, mean stack

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related