jQuery 또는 JavaScript를 사용하여 <input type = 'file'/>에서 파일을 지우는 방법

Question

내 파일에 여러 개의 <input type='file' /> 필드가 있고 html이 없습니다. form. 특정 <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(""); 
});