Seeking Assistance! I recently deployed my nodejs backend app on Heroku, which involves a functionality where users can upload documents in jpg, jpeg, or png format. These documents are stored in the static folder (/assets/docs). Before pushing the updated code, I tested creating users and their pictures showed up just fine. However, after performing a new push to Heroku, the old files disappeared and were not displayed. I attempted to ignore the static folder in subsequent pushes with various configurations like /assets/docs/*, /assets, and /assets/docs, but none of them proved effective. As an experiment, I added one .jpg file to the static folder and pushed it, and surprisingly, it remained intact even in new pushes (despite using ignores). I am using multer and mongoose for file uploading.
Implementing file upload with multer
const multer = require('multer')
const path = require('path')
const storage = multer.diskStorage({
destination: 'assets/docs/',
filename: function(req, file, cb) {
cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname))
}
})
const upload = multer({
storage: storage,
limits: {
fileSize: 5 * 1024 * 1024
},
fileFilter(req, file, cb) {
if (!file.originalname.match(/\.(png|jpg|jpeg)$/)) {
return cb (Error("Allowed file types are png, jpg, jpeg"), false)
}
cb (null, true)
}
})
Handling file saving with mongoose
router.post('/register-employee', upload.single('passport'), async (req, res) => {
try {
const employee = await new Employee({
...req.body,
passport: `docs/${req.file.filename}`
})
await employee.save()
res.json(employee)
} catch (error) {
res.status(500).json({errorMessage: error.message})
}
})
Content of gitignore file
/node_modules
/.vscode
/.idea
/config
/assets/docs
Configuring a public folder
const publicDir = path.join(__dirname, '../assets')
app.use(express.static(publicDir))