Get the filename of a fileupload in a document through JavaScript

by

In google chrome element.value return the name + the path, but a fake path. Thus, for my case I used the name attribute on the file like below :

function getFileData(myFile){
   var file = myFile.files[0];  
   var filename = file.name;
}

this is the call from the page :

<input id="ph1" name="photo" type="file" class="jq_req" onchange="getFileData(this);"/>

More Related Contents:

  1. How to set a value to a file input in HTML?
  2. JavaScript file upload size validation
  3. How to check file MIME type with javascript before upload?
  4. Upload multiple image using AJAX, PHP and jQuery
  5. How to check file input size with jQuery?
  6. Check image width and height before upload with Javascript
  7. JavaScript: Upload file
  8. Validation of file extension before uploading file
  9. How to instantiate a File object in JavaScript?
  10. Remember and Repopulate File Input [duplicate]
  11. How to resolve the C:\fakepath?
  12. How to convert Blob to File in JavaScript
  13. Client Checking file size using HTML5?
  14. How to remove one specific selected file from input file control
  15. Get Base64 encode file-data from Input Form
  16. drag drop files into standard html file input
  17. How to select multiple files with ?
  18. How to upload a file using jQuery.ajax and FormData
  19. Is it possible to check dimensions of image before uploading?
  20. Javascript: Uploading a file… without a file
  21. How to have jQuery restrict file types on upload?
  22. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  23. JavaScript Play Uploaded Audio
  24. Ajax file upload
  25. How to disable Express BodyParser for file uploads (Node.js)
  26. Uploading multiple files asynchronously by blueimp jquery-fileupload
  27. copying the value of a form’s file input field to another form’s input field
  28. A file input button for all browsers, is this possible?
  29. Remove selected file(s) before upload with Javascript
  30. trigger file upload dialog using javascript/jquery

Leave a Comment