Как очистить файлы от <input type = 'file' /> с помощью jQuery или JavaScript

Question

В моем файле есть несколько полей <input type='file' />, и нет никаких html form s. Я хочу очистить прикрепленные файлы от определенного <input type='file' />. Не из всех полей. У меня есть $('input').val("");, но он очищает все поля <input type='file' />. Итак, как я очищаю прикрепленные файлы от определенного поля <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>

Вот fiddle

Answer 1

Используя JavaScript, вы можете сделать это следующим образом.

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

Answer 2

Вы можете использовать id вы уже установили:

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(""); 
});