How to upload image to external folder using NodeJS multer

Question

I am having trouble with the upload destination in nodejs using multer package. The image are uploading in the folder within nodejs. Bt i want to store that at a different Path outside the project root folder. Here is the below code

const imageURL = "http://localhost/demoAdmin/images/"; 

    const imageStorage = multer.diskStorage({
      destination: imageURL, // Destination to store image
      filename: (req, file, cb) => {
        cb(
          null,
          file.fieldname + "_" + Date.now() + path.extname(file.originalname)
        );
      },
    });

    const imageUpload = multer({
      storage: imageStorage,
      limits: {
        fileSize: 1000000, // 1000000 Bytes = 1 MB
      },
      fileFilter(req, file, cb) {
        if (!file.originalname.match(/\.(png|jpg)$/)) {
          // upload only png and jpg format
          return cb(new Error("Only images allowed"));
        }
        cb(undefined, true);
      },
    }).single("image");

    imageUpload(req, res, (err) => {
      if (err) {
        if (err.message) {
          return res.status(500).json({
            success: 0,
            msg: err.message,
          });
        }
        console.log()
        return res.status(500).json({
          success: 0,
          msg: "Only images allowed",
        });
      }
      res.status(200).json({
        success: 1,
        msg: req.file,
      });
    });

Any help from your side will be appreciated! Thanks.

aitchkhan · Accepted Answer · 2021-07-12T15:53:15.777

0

The problem with your imageUrl variable is that it does not point to an absolute path on your server/host.

You need to use the absolute path to the directory of the host/server you want to store images inside.

For example:

const imageURL = "/usr/tmp/demoAdmin/images/";

Also, destination takes a function:

destination: (req, file, callback) =>
      callback(null, imageUrl);
}

edited Jul 12 '21 at 15:53

answered Jul 12 '21 at 14:06

aitchkhan

1,842
1
18
38

Is there any way to store the image on a url ? – Siddhant Gawai Jul 12 '21 at 15:49
are you trying to make a URL available after the upload is successful? – aitchkhan Jul 12 '21 at 15:51
[Can you answer this question? Plz](https://stackoverflow.com/questions/68408576/how-to-pass-an-id-to-a-url-in-ng2-upload-in-ionic-angular) – Siddhant Gawai Jul 18 '21 at 06:31

dee · Answer 2 · 2021-07-12T15:54:38.323

0

Your ImageURL path/value is incorrect

Try this,

destination: function (req, file, cb) {
   cb(null, path.join(__dirname + '../../../some/folder/outside/project'))
 }

Or you could specify an absolute path of the folder you want the file to be uploaded to. ex: imageURL = "c:\name\myfolder"

To have your image uploaded, hosted in URL try Cloudinary This article is helpful.

For s3, you could use Multer-S3. This post helps

edited Jul 12 '21 at 15:54

answered Jul 12 '21 at 14:10

dee

2,244
3
13
33

Is there any way to store the image on a url ? – Siddhant Gawai Jul 12 '21 at 15:49
You could upload them to aws s3 bucket with appropriate policies for it to be viewable. Or Cloudinary (Updated links in my answer). – dee Jul 12 '21 at 15:52
[Can you answer this question? Plz](https://stackoverflow.com/questions/68408576/how-to-pass-an-id-to-a-url-in-ng2-upload-in-ionic-angular) – Siddhant Gawai Jul 18 '21 at 06:30

How to upload image to external folder using NodeJS multer

2 Answers2