JSFiddle - React, Tailwind, and code Playground

HTML

<input name="file" type="file"></input>

<button id="clear">Clear</button>

<br />

<input id="file2" type="file"></input>

<button id="clear2">Clear</button>

JavaScript

$("#clear").on("click", function() {
    
    var input = $("input[name=file]");
    var fileName = input.val();
    
    if(fileName) { // returns true if the string is not empty
        input.val('');
    }
});



$("#clear2").on("click", function() {
    
    var input = $("#file2");
    var fileName = input.val();
    
    if(fileName) { // returns true if the string is not empty
        input.replaceWith(input.clone(true));
    }
});