image upload feature added

Signed-off-by: TG1999 <[email protected]>

Author: TG1999

controller/profile.controller.js

@@ -2,7 +2,16 @@ const user = require('../schema/user.js');
 const proj = require('../schema/project.js');
 const expressValidator = require('express-validator');
 const { check, validationResult } = require('express-validator/check');
-
+// var multer = require('multer');
+// var storage = multer.diskStorage({
+//   destination: (req, file, cb) => {
+//     cb(null, 'public/images/uploads')
+//   },
+//   filename: (req, file, cb) => {
+//     cb(null, file.fieldname + '-' + Date.now())
+//   }
+// });
+// var upload = multer({storage: storage});
 module.exports = {
   SubmitprojectForm:function(req,res){
     res.render('projectForm')
@@ -35,6 +44,7 @@ module.exports = {
     ]).sort({createdAt:-1}).then((da)=>{
       console.log(req.user);
       user.findOne({ Eid: req.params.sd }).then(function (use) {
+        console.log(da)
           res.render('other-landing', { use: use, ques: da, sign: req.user});
       })
     })
@@ -62,7 +72,8 @@ module.exports = {
             content: req.body.cont,
             upvote: '',
             downvote: '',
-            proid: Math.floor(Math.random() * 100000)
+            proid: Math.floor(Math.random() * 100000),
+            image:'/images/uploads/'+req.file.filename
           })
             .save()
             .then(function() {

package-lock.json

@@ -22,6 +22,7 @@
     "mongo": "^0.1.0",
     "mongodb": "^3.1.0",
     "mongoose": "^5.1.7",
+    "multer": "^1.4.1",
     "node": "^10.5.0",
     "node-memwatch": "^1.0.1",
     "nodemon": "^1.18.8",

package.json

@@ -13,7 +13,16 @@ const auth = function(req, res, next) {
     next();
   }
 };
-
+var multer = require('multer');
+var storage = multer.diskStorage({
+  destination: (req, file, cb) => {
+    cb(null, 'views/images/uploads')
+  },
+  filename: (req, file, cb) => {
+    cb(null, file.fieldname + '-' + Date.now())
+  }
+});
+var upload = multer({storage: storage});
 route.get('/submitProject',auth,profileController.SubmitprojectForm)
 route.get('/search', url, jsonParser, profileController.search);
 
@@ -23,7 +32,7 @@ route.get('/profile/:id', auth, profileController.profileId);
 
 route.get('/profileview/:sd', auth, url, profileController.profileViewSd);
 
-route.post('/publish', auth, url, profileController.publish);
+route.post('/publish', auth, url,upload.single('image'), profileController.publish);
 
 route.post('/upDownVote', auth,url, jsonParser,profileController.upDownVote);
 

routes/profile.routes.js

@@ -41,7 +41,9 @@ createdAt:{
 endAt:{
   type:Date
 },
-
+image:{
+type:String
+}
 });
 
 const proj=mongoose.model('project',project);

schema/project.js

@@ -109,7 +109,7 @@
                         <!--Text-->
                         <div class="container">
                           <div class="row">
-
+                            <img src='<%=x.image%>' style="max-height:100%;max-width:100%">
                             <%for(var q=0;q<x.Lang.length;q++){%>
                               <a href="#" class="btn btn-blue-grey btn-rounded"><%=x.Lang[q]%></a>
                             <%}%>

views/images/uploads/image-1554607722354

@@ -48,7 +48,7 @@
         <div class="container"  id="mainCard">
             <div class="card card-body">
                 <h2 class="card-title">Submit your project</h2>
-                <form  method="POST" action="/profile/publish">
+                <form  method="POST" action="/profile/publish" enctype="multipart/form-data">
                     <div class="form-group">
                       <label>Project Name</label>
                       <input name="contentname"  type="type" class="form-control"  placeholder="Enter Project Name">
@@ -67,6 +67,10 @@
                     <div class="form-group">
                         <textarea  name="cont" placeholder="Describe about your project " cols="55" rows="3"></textarea>
                       </div>
+                      <div class="form-group">
+                        <label>Project Image</label>
+                        <input name="image"  type="file" class="form-control"  placeholder="Enter Project Image">
+                      </div>
                     <button type="submit" class="btn btn-primary btn-block">Submit</button>
                   </form>
             </div>