jQuery – Detecting if a file has been selected in the file input [duplicate]

by

You should be able to attach an event handler to the onchange event of the input and have that call a function to set the text in your span.

<script type="text/javascript">
  $(function() {
     $("input:file").change(function (){
       var fileName = $(this).val();
       $(".filename").html(fileName);
     });
  });
</script>

You may want to add IDs to your input and span so you can select based on those to be specific to the elements you are concerned with and not other file inputs or spans in the DOM.

More Related Contents:

  1. Multiple input validation
  2. jQuery click event not working after adding class
  3. Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
  4. Perform client side validation for custom attribute
  5. How to remove close button on the jQuery UI dialog?
  6. Adding attribute in jQuery
  7. How can I change CSS display none or block property using jQuery?
  8. jQuery scroll to ID from different page
  9. Display JSON Data in HTML Table
  10. How can we specify rules for jQuery validation plugin by class?
  11. disable past dates on datepicker
  12. How to render partial view in MVC5 via ajax call to a controller and return HTML
  13. jQuery – replace all instances of a character in a string [duplicate]
  14. jQuery scrollRight?
  15. jquery if div id has children
  16. Detect changed input text box
  17. jQuery calculate sum of values in all text fields
  18. how do I strip white space when grabbing text with jQuery?
  19. jQuery hasClass() – check for more than one class
  20. TypeError: $.browser is undefined
  21. only shows first char of selected option
  22. How to make select2 work with jquery.validation plugin?
  23. Remember ajax added data when hitting back button
  24. How can I add jquery ui autocomplete to a dynamically created element?
  25. jQuery ajax upload with progress bar – no flash
  26. submitting multiple forms with AJAX
  27. How to retrieve JSON via ASP.Net context.Request
  28. jquery ajax load certain div
  29. understanding $ vs. jQuery in iife instead of $
  30. JavaScript – Escape double quotes

Leave a Comment