JQuery - File attributes

Question

Trying to access file attributes from an input field after a file is selected  Tried this but get the error  file not defined   var file       uploadedfile   prop  files   0   var fileName   file fileName  var fileSize   file fileSize  alert  Uploading    fileName       fileSize  bytes

User · Answer

Just try  var file       uploadedfile   prop  files   0   var fileName   file name  var fileSize   file size  alert  Uploading    fileName       fileSize  bytes      It worked for me

User · Answer

To get the filenames  use   var files   document getElementById  inputElementID   files    Using jQuery  since you already are  you can adapt this to the following      input type  file   multiple    change      function e           var files   this files          for  i 0 i lt files length i                 console log files i  fileName          files i  fileSize                            return false            JS Fiddle demo

User · Answer

The input files attribute is an HTML5 feature  That s why some browsers din t return anything  Simply add a fallback to the plain old input value  string  if files doesn t exist   reference  http   www w3 org TR 2012 WD-html5-20121025 common-input-element-apis html dom-input-files

User · Answer

If  uploadedfile is an input with type  file     var file       uploadedfile   0  files 0   var fileName   file name  var fileSize   file size  alert  Uploading    fileName       fileSize  bytes      Normally this would fire on the change event  like so       uploadedfile   on  change   function       var file   this files 0          fileName   file name         fileSize   file size     alert  Uploading    fileName       fileSize  bytes       CustomFileHandlingFunction file         FIDDLE

User · Answer

lt form id    uploadForm  name    uploadForm  enctype  multipart form-data  gt       lt label for  uploadFile  gt Upload Your File lt  label gt        lt input type  file  name  uploadFile  id  uploadFile  gt                     lt  form gt   lt script gt          uploadFile   change function            var fileName   this files 0  name          var fileSize   this files 0  size          var fileType   this files 0  type          alert  FileName       fileName     nFileSize       fileSize     bytes             lt  script gt    Note   To get the uploading file name means then use jquery val   method   For Ex   var fileName       uploadFile   val      I checked this above code before post  it works perfectly

[jquery] JQuery - File attributes

Examples related to jquery

Examples related to file

Examples related to attr