javascript - 如何使用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 = ""