How to reset ReactJS file input

by

I think you can just clear the input value like this :

e.target.value = null;

File input cannot be controlled, there is no React specific way to do that.

Edit For old browsers (<IE11), you can use one of the following techniques.

See http://jsbin.com/zurudemuma/1/edit?js,output (tested on IE10 & 9)

More Related Contents:

  1. How to get the file path from HTML input form in Firefox 3
  2. How to customize ?
  3. HTML Input=”file” Accept Attribute File Type (CSV)
  4. Why is form enctype=multipart/form-data required when uploading a file?
  5. How to use radio buttons in ReactJS?
  6. Change the “No file chosen”:
  7. HTML5 drag and drop file upload to Java Servlet
  8. HTML – Display image after selecting filename [duplicate]
  9. Next.js Redirect from / to another page
  10. restrict file upload selection to specific types
  11. Large file upload though html form (more than 2 GB)
  12. What is the max number of files to select in an HTML5 [multiple] file input?
  13. how to upload a file to my server using html
  14. Upload a whole directory through an HTML form
  15. Filter Extensions in HTML form upload [duplicate]
  16. How to make double border on left only with thick outside and thin inside [duplicate]
  17. Centering in CSS Grid
  18. How to show google.com in an iframe?
  19. Canvas width and height in HTML5
  20. How to make this arrow in CSS only?
  21. Bootstrap 3 two columns full height
  22. Why does IE9 switch to compatibility mode on my website?
  23. How to draw a rounded rectangle using HTML Canvas?
  24. How do HTML parses work if they’re not using regexp?
  25. Make a nav bar stick
  26. HTML5 Required input styling
  27. AngularJS: Insert HTML from a string
  28. when to use UL or OL in html?
  29. HTML5 alternative to flash-based ZeroClipboard for safe copying of data to clipboard?
  30. Align svg to center of screen [duplicate]

Leave a Comment