Added upload image feature

Author: Mehulcoder

.gitignore

@@ -1,2 +1 @@
-node_modules
-config
+node_modules

models/designer.js

@@ -54,8 +54,10 @@ var designerSchema = new mongoose.Schema({
     },
     imageLink:{
         type:String,
-        trim:true,
-        validate:[validator.isURL, "Please enter URL in a valid format"]
+        trim:true
+    },
+    imagePath:{
+        type:String
     }
 },{
     timestamps:true

models/designerMaker.js

@@ -83,8 +83,10 @@ var designerMakerSchema = new mongoose.Schema({
     },
     imageLink:{
         type:String,
-        trim:true,
-        validate:[validator.isURL, "Please enter URL in a valid format"]
+        trim:true
+    },
+    imagePath:{
+        type:String
     }
 },{
     timestamps:true

models/maker.js

@@ -58,8 +58,10 @@ var makerSchema = new mongoose.Schema({
     },
     imageLink:{
         type:String,
-        trim:true,
-        validate:[validator.isURL, "Please enter URL in a valid format"]
+        trim:true
+    },
+    imagePath:{
+        type:String
     }
 },{
     timestamps:true

package.json

@@ -31,7 +31,6 @@
     "multer": "^1.4.2",
     "path": "^0.12.7",
     "sharp": "^0.25.2",
-    "validator": "^13.0.0",
-    "nodemon": "^2.0.2"
+    "validator": "^13.0.0"
   }
 }

public/css/main.css

@@ -31,4 +31,9 @@ label{
 
 small{
   color: aliceblue;
-}
+}
+
+/* .image_button{
+  position: absolute;
+  font-size: 50px;
+} */

routes/users.js

@@ -21,7 +21,7 @@ var storage = multer.diskStorage({
         cb(null, 'uploads/');
     },
     filename: function (req, file, cb) {  
-        cb(null, new Date().toISOString() + file.originalname);
+        cb(null, Date.now() + file.originalname);
     }
 
 });
@@ -78,8 +78,24 @@ router.get('/designerMaker', (req, res) => {
 
 router.post('/designer', upload.single('designerImage'), async (req, res) => {
     console.log(req.file);
+    var imagePath = "";
+    if (req.file) {
+        imagePath=req.file.path;
+    }
+
+    //creating body for object
+    var data = {
+        email: req.body.email,
+        password: req.body.password,
+        capacity: req.body.capacity,
+        category: req.body.category,
+        training: req.body.training,
+        imageLink: req.body.imageLink,
+        imagePath
+    }
+
     try {
-        var designer = new Designer(req.body);
+        var designer = new Designer(data);
         await designer.save();
 
         //To display flash message
@@ -103,9 +119,21 @@ router.post('/designer', upload.single('designerImage'), async (req, res) => {
 // ─── CREATE A MAKER ──────────────────────────────────────────────────────────
 //
 
-router.post('/maker',convert, async (req, res) => {
+router.post('/maker',convert, upload.single('makerImage'), async (req, res) => {
+
+    //creating body for object
+    var data = {
+        email: req.body.email,
+        password: req.body.password,
+        capacity: req.body.capacity,
+        materials: req.body.materials,
+        location: req.body.location,
+        imageLink: req.body.imageLink,
+        imagePath: req.file.path
+    }
+
     try {
-        var maker = new Maker(req.body);
+        var maker = new Maker(data);
         await maker.save();
 
         //To display flash message
@@ -129,9 +157,24 @@ router.post('/maker',convert, async (req, res) => {
 // ─── CREATE A DESIGNER+MAKER ──────────────────────────────────────────────────────────
 //
 
-router.post('/designerMaker',convert, async (req, res) => {
+router.post('/designerMaker',convert,upload.single('designerMakerImage'), async (req, res) => {
+    
+    //creating body for object
+    var data = {
+        email: req.body.email,
+        password: req.body.password,
+        makerCapacity: req.body.makerCapacity,
+        designerCapacity: req.body.designerCapacity,
+        category: req.body.category,
+        material: req.body.material,
+        training: req.body.training,
+        location: req.body.location,
+        imageLink: req.body.imageLink,
+        imagePath: req.file.path
+    }
+
     try {
-        var designerMaker = new DesignerMaker(req.body);
+        var designerMaker = new DesignerMaker(data);
         await designerMaker.save();
 
         //To display flash message

uploads/1586249536235image12.jpeg

@@ -37,7 +37,7 @@
           <!--
                       -- FORM STARTS
                       -->
-          <form action="/designer" method="POST">
+          <form action="/designer" method="POST" enctype="multipart/form-data">
             <div class="row">
               <div class=" col-md-6 form-group">
                 <label for="email">Email address</label>
@@ -78,8 +78,12 @@
               <input type="url" name="imageLink" class="form-control" id="imageLink" placeholder="Link to the Image">
             </div>
 
-            <input type="submit" value="Submit" class="btn btn-primary mb-2 float-right">
-            <a class="btn btn-primary float-left" href="/" role="button">Go Home</a>
+            <div class="d-flex justify-content-between">
+              <a class="col-3 btn btn-primary " href="/" role="button">Go Home</a>
+              <input type="file" class="image_button" name="designerImage">
+              <input type="submit" value="Submit" class="col-3 btn btn-primary">
+              
+            </div>
 
           </form>
         </div>