Merge pull request #567 from Suvadip-sana/set-edit-image-limit

Set the image upload limit of 4 for edit form

Author: Soujanya2004

app.js

@@ -231,7 +231,7 @@ app.get("/listing", asyncwrap(index));
 app.post("/listing", upload.array('listing[image]', 4), isLoggedIn, asyncwrap(createpost));
 app.post("/listing/search", asyncwrap(search));
 app.get("/listing/:id/edit", isLoggedIn, isOwner, asyncwrap(editpost));
-app.put('/listing/:id', isLoggedIn, isOwner, upload.array('listing[image]', 10), asyncwrap(saveEditpost));
+app.put('/listing/:id', isLoggedIn, isOwner, upload.array('listing[image]', 4), asyncwrap(saveEditpost));
 app.delete("/listing/:id", isLoggedIn, isOwner, asyncwrap(deletepost));
 app.get("/listing/:id", asyncwrap(showPost));
 app.post('/listing/:id/like', isLoggedIn, asyncwrap(listingController.likeListing));    

views/edit.ejs

@@ -124,8 +124,8 @@
 
                     <div class="mb-3 edit_form">
                         <label for="images" class="form-label">Upload New Images</label>
-                        <input type="file" name="listing[image]" class="form-control" accept="image/*" multiple>
-                        <small class="form-text text-muted">You can upload multiple images.</small>
+                        <input type="file" name="listing[image]" class="form-control" accept="image/*" id="fileInput" multiple>
+                        <small class="form-text text-muted">You can upload multiple <images id="fileError" class="">(Maximum 4)</images></small>
                     </div>
                     <div class="row">