Comment effacer les fichiers de <input type = 'file' /> en utilisant jQuery ou JavaScript

Question

Il y a plusieurs champs <input type='file' /> dans mon fichier et il n'y a pas de html form s. Je veux effacer les fichiers joints de particulier <input type='file' />. Pas de tous les domaines. J'ai utiliser $('input').val(""); mais il efface tous les champs <input type='file' />. Alors, comment puis-je effacer les fichiers joints de domaine particulier <input type='file' />?

var control = $("#mcontrol"); 
 

 
$("#clear").on("click", function() { 
 
    $('input').val(""); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" id="mcontrol" /><br> 
 
<input type="file" id="mcontrol2" /> 
 
<button id="clear">Clear</button>

Voici le fiddle

Answer 1

En utilisant JavaScript, vous pouvez le faire comme suit.

document.getElementById("#mcontrol").value = "";

Answer 2

Vous pouvez utiliser le id vous avez déjà défini:

var control = $("#mcontrol"); 
 
$("#clear").on("click", function() { 
 
    control.val(""); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" id="mcontrol" /> 
 
<br> 
 
<input type="file" id="mcontrol2" /> 
 
<button id="clear">Clear</button>

Answer 3

// For first file feild 
$("#clear").on("click", function() { 

    $('#mcontrol1').val(""); 
}); 

// For second file feild 
$("#clear").on("click", function() { 

    $('#mcontrol2').val(""); 
});