JezK
Edit File: addtestimonial.php
<?php include_once("../app/checkSession.php"); include("header.php"); ?> <div class="container pl-5 pr-5"> <a href="javascript:history.go(-1)"><img src="images/back_main.png" class="mb-3"></a> <p class="text-dark"><strong><?php echo $lang['TESTIMONIAL']; ?></strong></p> </div> <form method="post" action="app/addtestimonialApp.php" class="px-5" enctype="multipart/form-data"> <div class="warehouse_boxshadow container pb-3"> <div class="containercontent"> <div class="card-body test_page_div "> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-12"> <label for="tname"><?php echo $lang['NAME'];?></label> <input type="text" class="form-control Value" id="tname" placeholder="<?php echo $lang['NAME'];?>" name="tname"> <div class="error tname_error"></div> </div> </div> <div class="row mt-4"> <div class="col-md-12"> <label for="tname"><?php echo $lang['DESCRIPTION'];?></label> <textarea type="text" class="form-control Value" id="tdescrip" placeholder="<?php echo $lang['DESCRIPTION']; ?>" rows="5" name="description"></textarea> <div class="error tdescrip_error"></div> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-12"> <label><?php echo $lang['IMAGE'];?></label> <div class=" justify-content-between form-group position-relative"> <div id="previewImage"> <img src="" name="preview" id="preview" style="height:150px;"> </div> <input type="file" id="fileupload" name="attachment" style="display: none;" value="" accept="image/*"> <label for="fileupload" class="imagename1"> <span><img src="images/upload.png" id="imageId" class="pt-3"></span> </label> <div class="error image_error"></div> </div> </div> </div> </div> </div> </div> </div> </div> <button id="saveBtn" type="submit" name="saveTestimonial" class="float-right mr-1 mt-3" onclick="return testimonialValidation()"><?php echo $lang['SAVE']; ?></button> </form> <?php include("footer.php"); ?> <style> button#saveBtn { background: #3663c8; border: none; padding: 5px 15px; color: #fff; font-weight: bold; } .test_page_div input { width: 100%; border: 1px solid #ced4da; border-radius: 5px; padding: 0px 5px; } </style> <script> jQuery("#fileupload").on("change", function(e) { // jQuery(".sym,.add").hide() var files = e.target.files, filesLength = files.length; var filename=files[0].name; if(filename.endsWith("jpg") || filename.endsWith("jpeg") || filename.endsWith("png")){ for (var i = 0; i < filesLength; i++) { var f = files[i] var fileReader = new FileReader(); fileReader.onload = (function(e) { var file = e.target; jQuery('#preview').attr('src',e.target.result); }); fileReader.readAsDataURL(f); } } else{ alert("please upload an image in .jpeg , .jpg or .png extensions"); $("#fileupload").val(""); return false; } }); </script> <script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/validations.js"></script>