Clear input file html react

e.target.value = null;

Source: stackoverflow.com

React reset file input

functionThatResetsTheFileInput() {
  let randomString = Math.random().toString(36);

  this.setState({
    theInputKey: randomString
  });
}

render() {
  return(
    <div>
      <input type="file"
             key={this.state.theInputKey || '' } />
      <button onClick={this.functionThatResetsTheFileInput()} />
    </div>
  )
}

Source: stackoverflow.com

Similar codes

0 vote172 views1 answer
How to make a html link execute a javascript function
Html
0 vote166 views1 answer
C++ compile syntax error
Html
5 votes167 views2 answers
Selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81
Html
3 votes158 views2 answers
Html 2 classes
Html
0 vote191 views2 answers
Tooltip with Html attribute bootstrap 5
Html
2 votes185 views1 answer
Add a alt to a image in html
Html
8 votes158 views2 answers
Html text tag
Html
40 votes173 views6 answers
Flutter Build
Html
8 votes229 views4 answers
Html fav icon
Html
21 votes171 views4 answers
Link in markdown
Html