How to Validate File Size Before Upload Using JavaScript and PHP?

Check File Size Before Upload

The provided JavaScript function effectively validates file types based on the _validFileExtensions array. To extend this functionality and check file size before upload, you can implement the following client-side JavaScript:

<script language='JavaScript'><br>function checkFileSize(inputFile) {<br>  var maxFileSize = 500 * 1024; // 500 KB (convert to bytes for comparison)</p>
<p>if (inputFile.files && inputFile.files[0].size > maxFileSize) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert("File too large."); // Display error message
inputFile.value = null; // Clear the input field

Copy after login

}
}

This code checks if the file size exceeds the specified limit in bytes. If it does, an error message is displayed, and the user is prompted to select another file.

In addition to the client-side validation, it is essential to implement server-side validation to ensure the file size restriction is enforced. This can be achieved using PHP's PHPMyCoder suggestion:

<?php<br>if (isset($_FILES['file'])) {<br>  $maxSize = 500 * 1024; // 500 KB (convert to bytes)<br>  if ($_FILES['file']['size'] > $maxSize) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// Handle error: File too large

Copy after login