如何使用JavaScript在struts2中使文件上传字段为空？

Question

我有一个文件上传字段，即<s:file> </s:file> 。 我有一个按钮“清除”。 单击此按钮后，具有某些文件链接的字段应为空。有人可以帮我吗？

我的代码：

<s:file id="filetestplanid2" name="testPlanDto.testFile" label="test"
        tooltipIconPath="../../KY/images/common/buttons/uploadBtn.png"  
        title="Browse" tooltip="Browse..."  cssClass="file" />

我的JavaScript：

$('#filetestplanid2').val(null);
$('#filetestplanid2').val("");

我尝试了这些，但是没有运气。

还尝试了：

var file = $("#filetestplanid2"); file.replaceWith(file = file.clone(true));

$('#filetestplanid2').html( $('#filetestplanid2').html() );

Answer 1

假设

<input type="button" onclick="clearFileElement('filetestplanid2');" />

香草JS

function clearFileElement(fileId){
    document.getElementById(fileId).value = '';
};

演示： http ： //jsfiddle.net/2nxGr/

不能使其与jQuery一起使用，但是基本上您必须用其自身的克隆替换（具有所有属性，这些属性是使用clone(true)获得的）。

只需坚持普通的JS版本，它就像一个魅力。

编辑

我现在发现了一种非常聪明的解决方案，可以在每种浏览器上使用： https : //stackoverflow.com/a/13351234/1654265

Answer 2

您也可以使用Jquery将其设为空，如下所示：

$("#filetestplanid2")[0].value = ""

要么

$("#filetestplanid2").get(0).value = ""