如何使用jQuery或JavaScript从<input type =“file”/>中清除文件

时间:2017-01-20 09:03:24

标签: javascript jquery html input-type-file

我的文件中有多个<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

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:2)

使用JavaScript,您可以按照以下方式执行此操作。

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

答案 2 :(得分:1)

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

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

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

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