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
- Short-circuits conditionals
- How to fixed bootstrap navbar at top on scroll
- How to check file is an image in javascript using filename
- ReferenceError: Cannot access 'myFunction' before initialization
- How to use JavaScript to search for items in a list
- How to show and hide placeholder text
- Hide div on click outside of element in javascript/jQuery
- Deault order of record in datatable
- How to remove duplicate values from array in javascript
- Uncaught TypeError: Illegal invocation
- Remove hostname from URL in javascript
- Uncaught TypeError: Cannot read property 'addEventListener' of undefined
- Uncaught TypeError: $(...).summernote is not a function
- Javascript set timeout function with example code
- Trim the leading and trailing comma from string in Javascript
- How to get query string value in javascript
- How to echo array in Javascript
- How to display for slash as a string in javascript HTML
- Prism js horizontally overflowing its container
- How to crop multiple images with cropper js
- Javascript get only 10 characters from string
- How to add key/value pair to existing form data
- How to preview a word document in HTML using javascript
- Multidimensional array example javascript
- How to switch between Dark Mode and Light Mode based on cookie in Javascript