File upload using JavaScript with validation (Apply validation on frontend side)
JavaScript is a client side scripting language. With JavaScript we can easily validate our file with extension, file size. input element object .files <form action="" method="POST" enctype="multipart/form-data" id="form"> <label>Upload</label> <input class="w3-input w3-white" id="file" name="file" type="file" /> <input name="upload" type="hidden" value="" /> <button id="Upload" name="upload" type="submit">Upload</button> </form> <div id="embed"></div> <script> document.getElementById('Upload').addEventListener('click', (e) => { e.preventDefault(); if(document.getElementById('file').value){ // console.log(document.getElementById('file').files); All property of file var files = document.getElementById('file...