如何使用javascript在struts2中使文件上传字段为空?

时间:2013-06-18 11:59:17

标签: javascript jquery file-upload struts2

我有一个文件上传字段,即<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() );

2 个答案:

答案 0 :(得分:1)

假设

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

Vanilla JS

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

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

无法使其与jQuery一起使用,但基本上你必须用它自己的克隆替换它(具有使用clone(true)获得的所有属性)。

坚持使用简单的JS版本,它就像一个魅力。

修改

我现在发现了一个适用于所有浏览器的非常智能的解决方案:https://stackoverflow.com/a/13351234/1654265

答案 1 :(得分:0)

您也可以使用Jquery将其设置为空,就像这样:

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

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