mostlypanda
diff --git a/‎upload a file using multer/index.js‎
Lines changed: 43 additions & 10 deletions b/‎upload a file using multer/index.js‎
Lines changed: 43 additions & 10 deletions
diff --git a/‎upload a file using multer/public/uploads/myImage-1593333292083.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593333292083.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334105465.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334105465.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334123260.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334123260.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334199929.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334199929.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334210011.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334210011.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334258463.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334258463.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334266311.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334266311.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/public/uploads/myImage-1593334341396.jpg‎
88.2 KB b/‎upload a file using multer/public/uploads/myImage-1593334341396.jpg‎
88.2 KB
diff --git a/‎upload a file using multer/views/index.ejs‎
Lines changed: 4 additions & 2 deletions b/‎upload a file using multer/views/index.ejs‎
Lines changed: 4 additions & 2 deletions
@@ -4,19 +4,40 @@ const path=require('path');
 const multer=require('multer');
 const ejs=require('ejs');
 
+
 //defining storage
 var storage=multer.diskStorage({
-    destination : function(req,file,cb){
-        cb(null,'./uploads');
-    },
+    destination :'./public/uploads',
     filename: function(req,file,cb){
-        cb(null,file.filename+ '-'+ Date.now());
+        cb(null,file.fieldname+ '-'+ Date.now() + path.extname(file.originalname));
     }
 });
+const upload =multer({
+    storage : storage,
+    limits : {fileSize : 10000000},
+    fileFilter : function(req,file,cb){
+        checkFileType(file,cb);
+    }
+}).single('myImage');
 
-var upload=multer({storage : storage}).single('userPhoto');
 
+function checkFileType(file,cb){
+    //allowed ext
+    const filetypes =/jpeg|jpg|png|gif/;
+    // check ext
+    const extname= filetypes.test(path.extname(file.originalname).toLowerCase());
+    //check mime
+    const mimetype =filetypes.test(file.mimetype);
+    
+    if(mimetype && extname){
+        return cb(null,true)
+    }
+    else{
+        cb('Error : Images only!');
+    }
+}
 
+//app
 const app=express();
 
 //set engine
@@ -29,18 +50,30 @@ app.use(bodyparser.urlencoded({extended : false}));
 //set static directory
 app.use('/public',express.static(path.join(__dirname + 'public')));
 
-
+//basic route
 app.get('/',function(req,res){
-    res.render('index');
+    res.render('index',{msg : ''});
 })
 
+//upload an image
 app.post('/api/upload',function(req,res){
     upload(req,res,function(err){
         if(err){
-            res.status(400).end('error');
+            res.render('index',{msg : err});
+        }
+        else{
+            if(res.file==undefined){
+                res.render('index',{msg :'error : no file selected'});
+            }
+            else{
+                res.render('index',{
+                    msg: 'file uploaded',
+                    file: `/uploads/${req.file.filename}`
+                });
+            }
         }
-        res.status(200).end('file uploaded');
-    })
+        
+    });
 });
 
 //port is live
 
@@ -14,8 +14,8 @@
 <body>
     <div class="container">
         <h1> file upload</h1>
-        <% typeof msg !='indefined' ? msg :'';%>
-        <form action="/api/upload" method="POST">
+        <%= typeof msg !='undefined' ? msg : '' %>
+        <form action="/api/upload" method="POST" enctype="multipart/form-data">
             <div class="file-field input-field">
               <div class="btn">
                 <span>File</span>
@@ -27,6 +27,8 @@
             </div>
             <button type="submit" class="btn">Submit!!</button>
           </form>
+          <br>
+          <img scr="<%= typeof file !='undefined' ? file :'' %> ", class="img-responsive">
     </div>
 
 </body>