How to get file name when user select a file via ?

by

You can get the file name, but you cannot get the full client file-system path.

Try to access to the value attribute of your file input on the change event.

Most browsers will give you only the file name, but there are exceptions like IE8 which will give you a fake path like: "C:\fakepath\myfile.ext" and older versions (IE <= 6) which actually will give you the full client file-system path (due its lack of security).

document.getElementById('fileInput').onchange = function () {
  alert('Selected file: ' + this.value);
};

More Related Contents:

  1. Generating HTML file using javascript and using correct MIME types like “text/html”
  2. HTML5 File API read as text and binary
  3. How to download a file without using element with download attribute or a server?
  4. How to convert Base64 String to javascript file object like as from file input form?
  5. Reading uploaded text file contents in html
  6. How to use Javascript to read local text file and read line by line?
  7. Javascript in html write to file
  8. Properly Create and Serve PDF Blob via HTML5 File and URL APIs
  9. How to save and edit a file using JavaScript?
  10. HTML5 File api, reading in an xml/text file and displaying it on the page?
  11. Get the longest text in HTML document using Jquery or javascript
  12. Hide/Show image on one click [closed]
  13. How to move an element into another element?
  14. Resizing an image in an HTML5 canvas
  15. In HTML5, is the localStorage object isolated per page/domain?
  16. How to prevent a click on a ‘#’ link from jumping to top of page?
  17. jQuery: Get selected element tag name
  18. What is the meaning of polyfills in HTML5?
  19. How to prevent an HTTP request just for a favicon?
  20. Save a pre element as PDF with CSS
  21. Completely lost on how to save extension popup window content
  22. Center flex item in container, when surrounded by other flex items
  23. Auto-Full Screen for a Youtube embed
  24. jQuery: How to listen for DOM changes?
  25. scrollIntoView vs moveToElement
  26. submit event does not fire if submit initiated programmatically
  27. How can I remove wrapper (parent element) without removing the child?
  28. Show/hide image with JavaScript
  29. Using base64-encoded images with HtmlService in Apps Script
  30. Communicate between two pages / tabs

Leave a Comment