Skip to main content

Store Images from Forms in NodeJS

In app.js import multer
Import uuidv4 in case you want to generate uniqu universal id to name the images.
const multer = require('multer');
const uuidv4 = require('uuid/v4');

Define fileStorage and fileFilter
const fileStorage = multer.diskStorage({
destination: (req, file, cb) => {
cb(null, 'images'); // 'images' is the storage folders
},
filename: (req, file, cb) => {
cb(null, uuidv4());
}
});

const fileFilter = (req, file, cb) => { // to save only image and not other files
if ((file.mimetype === 'image/png') ||
(file.mimetype === 'image/jpg') ||
(file.mimetype === 'image/jpeg')) {
cb(null, true);
} else {
cb(null, false);
}
};

Middleware to store the image
app.use(multer({ storage: fileStorage, fileFilter: fileFilter }).single('image'));

In controller, use req.file to access the image file from the form. Save it's path to imageUrl in database, to access while displaying data.

Comments

Post a Comment

Popular posts from this blog

Difference between .exec() and .execPopulate() in Mongoose?

Here I answer what is the difference between .exec() and .execPopulate() in Mongoose? .exec() is used with a query while .execPopulate() is used with a document Syntax for .exec() is as follows: Model.query() . populate ( 'field' ) . exec () // returns promise . then ( function ( document ) { console . log ( document ); }); Syntax for .execPopulate() is as follows: fetchedDocument . populate ( 'field' ) . execPopulate () // returns promise . then ( function ( document ) { console . log ( document ); }); When working with individual document use .execPopulate(), for model query use .exec(). Both returns a promise. One can do without .exec() or .execPopulate() but then has to pass a callback in populate.
1 comment
Read more

Two Ways of rendering in React Examples

Two Ways of rendering in React Examples 1 - Render twice HTML < div id = "p1" ></ div > < div id = "p2" ></ div > CSS . person { display : inline - block ; margin : 10px ; border : 1px solid # eee ; box - shadow : 0 2px 2px # ccc ; } JAVASCRIPT (Babel) function Person ( props ) { return ( < div className = ' person "> < h1 >{ props . name }</ h1 > < p > Age :{ props . age }</ p > </ div > ); } ReactDOM . render (< Person name = "VK" age = "29" />, document . querySselector ( '#p1' )); ReactDOM . render (< Person name = "HK" age = "28" />, document . querySselector ( '#p2' )); 2 Render all at once HTML < div id = "app" ></ div > CSS . person { display : inline - block ; margin : 1...
Post a Comment
Read more

Resolve: Uncaught TypeError: firebase.database is not a function

If you are getting the error: Uncaught TypeError: firebase.database is not a function Resolve it by including firebase-database.js in your html page as follows: <!-- The core Firebase JS SDK is always required and must be listed first --> <script defer src = "https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js" ></script> <script defer src = "https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js" ></script> That is it. Let me know if this was helpful.
Post a Comment
Read more