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

您可以使用已设置的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 2

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

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

Answer 3

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

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

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

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

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

3 个答案: