Heroku unable to find images in production

Question

I am using multer to upload upload and saves images in client/images/post folder.

Here is a code snippet:

const storage = multer.diskStorage({
    destination: './client/images/post',
    filename: function(req, file, cb){
    cb(null,file.fieldname + '-' + Date.now() + path.extname(file.originalname));
    }
  });

This works perfect in development. However, when I deploy this node app to heroku, images that are newly uploaded during production can't be found by Heroku.

I get this error:

https://mywebsite/images/post/photo-1673474603560.png 404 (Not Found)

However, if I look at source of other image tags that already existed when deployed - they are able to get into the folder and load their images.

Any ideas?

Does this answer your question? [Why do uploaded pictures disappear on Heroku?](https://stackoverflow.com/questions/16210486/why-do-uploaded-pictures-disappear-on-heroku) — ceejayoz, Jan 11 '23 at 22:34

score 3 · Accepted Answer · answered Jan 11 '23 at 22:33

3

I believe Heroku uses an ephemeral filesystem. Please refer https://devcenter.heroku.com/articles/dynos#ephemeral-filesystem

Because of this any file/files that is created on the Heroku Dyno is not permanent. You would most likely have to go with other storage solutions if you want proper persistent file storage. While the current setup you have may work for local development, you would have to go for something like S3 in the deployed environment.

answered Jan 11 '23 at 22:33

Ghouse Mohamed

387
4
10

1

This is correct. You would need to use a database, which are persistent in Heroku. – Elijah Mock Jan 11 '23 at 22:34
yes i confirmed that last night. i will neeed to use aws' sdk for node/js. – masafood Jan 12 '23 at 08:54

Heroku unable to find images in production

1 Answers1