How to check if input file is empty in jQuery

Question

Brand new to JS  I am trying to check if the file input element is empty when submitting the form with jQuery JavaScript  I have gone through a bunch of solutions and nothing is working for me   I am trying to avoid the  c fakepath  unless there is no other option    lt input type  file  name  videoFile  id  videoUploadFile    gt    This does not work   var vidFile       videoUploadFile   value    The only way I can get the filename is if I use the following   var vidFile   document getElementById  videoUploadFile   files 0  name    If there is no file available the code throws an error       cannot read property name of undefined   which makes sense because the array is not set  but I cannot figure out how to do any error handling with this   How do I properly grab the file input element videoUploadFile  check if it s empty  throw an error message if it s empty

User · Answer

To check whether the input file is empty or not by using the file length property  index should be specified like the following   var vidFileLength       videoUploadFile   0  files length  if vidFileLength     0       alert  No file selected

User · Answer

I know I m late to the party but I thought I d add what I ended up using for this - which is to simply check if the file upload input does not contain a truthy value with the not operator  amp  JQuery like so   if       videoUploadFile   val        alert  Please Upload File        Note that if this is in a form  you may also want to wrap it with the following handler to prevent the form from submitting     document  on  click     submit   function  e       if       videoUploadFile   val        e preventDefault      alert  Please Upload File

User · Answer

Here is the jQuery version of it   if      videoUploadFile   get 0  files length     0        console log  No files selected

User · Answer

quot  customFile quot   change function          var fileName      quot  customFile quot   val           if fileName       returns true if the string is not empty                picture-selected   addClass  disable-inputs                 btn   removeClass  disabled             else      no file was selected            picture-selected   removeClass  disable-inputs               btn   addClass  disabled

User · Answer

Just check the length of files property  which is a FileList object contained on the input element  if  document getElementById  videoUploadFile   files length    0        console log  no files selected

User · Answer

Questions   how to check File is empty or not    Ans   I have slove this issue using this Jquery code     x000D   x000D    If your file Is Empty        x000D        if  jQuery   videoUploadFile   val            x000D                             message   html  Please Attach File    x000D                      else   x000D                              alert  not work    x000D                       x000D   x000D       x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt input type  file  id  videoUploadFile  gt  x000D   lt br gt  x000D   lt br gt  x000D   lt div id  message  gt  lt  div gt  x000D   x000D   x000D

[javascript] How to check if input file is empty in jQuery

Examples related to javascript

Examples related to jquery

Examples related to html