
How to validate input type file size in javascript
Created at 18-Aug-2021 ,
By samar
How to validate input type file size in javascript
In this session, we’ll try our hand at solving the "How to validate input type file size in javascript" puzzle by using the computer language.
You can validate input type file size by getting the size of the image by comparing the specified size on which you want to validate in javascript.-
Validate input type file size on change in javascript for single file
<input type="file" name="file" id="file" /> <div id="resp"></div> <!-- jQuery CDN --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> var fileInput = document.getElementById('file'); fileInput.addEventListener("change", function(event){ let file = event.target.files[0]; let ResponseTxt = ''; if(file.size > 1048576){ ResponseTxt += 'File : '+file.name + ' is greater than 1MB'; }else{ ResponseTxt += 'File : '+file.name + ' is a valid file'; } document.getElementById('resp').innerHTML = ""; document.getElementById('resp').innerHTML += ResponseTxt; }); </script> <!-- https://codepen.io/samar1992/pen/YzVoyVy -->
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Javascript
- How to get query string value in javascript
- Check if value exists in array javascript
- How to validate empty space in textbox in Javascript
- ReferenceError: $ is not defined
- How to check file is an image in javascript using filename
- Deault order of record in datatable
- Short-circuits conditionals
- Remove property from object in javascript
- How to use JavaScript to search for items in a list
- JavaScript test() Method
- Javascript get data-id attribute value
- How to get data from localstorage in javascript
- How to push string in an array in Javascript
- How to echo array in Javascript
- Input type file styling
- How to add a property to object with condition in javascript
- How to pass array as arguments to function in javascript
- Uncaught TypeError: Assignment to constant variable
- How to preview video before uploading in javascript
- Remove hostname from URL in javascript
- How to add key/value pair to existing form data
- How to get the length of a number in JavaScript
- Hide div on click outside of element in javascript/jQuery
- Copy one array to another in javascript
- Execute function with condition in javascript