In my form I have 3 input fields for file upload:
<input type=file name="cover_image"> <input type=file name="image1"> <input type=file name="image2">
How can I check if cover_image
is empty - no file is put for upload?
Given an HTML document containing input element and the task is to check whether an input element is empty or not with the help of JavaScript. Approach 1: Use element. files. length property to check file is selected or not.
To check if the input text box is empty using jQuery, you can use the . val() method. It returns the value of a form element and undefined on an empty collection.
You can check by using the size
field on the $_FILES
array like so:
if ($_FILES['cover_image']['size'] == 0 && $_FILES['cover_image']['error'] == 0) { // cover_image is empty (and not an error) }
(I also check error
here because it may be 0
if something went wrong. I wouldn't use name
for this check since that can be overridden)
Method 1
if($_FILES['cover_image']['name'] == "") { // No file was selected for upload, your (re)action goes here }
Method 2
if($_FILES['cover_image']['size'] == 0) { // No file was selected for upload, your (re)action goes here }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With