Question

HTML：

<input type="file" id="flIcon" />

在Jquery：

$('#btnAddNew').click(function(event) {
                    alert($("#flIcon").attr('file'));
                    $("div#flIcon").replaceWith("<input type='file' id='flIcon'/>");

                });

我在FireBug中看到页面加载：

<div id="uniform-flIcon" class="uploader">
<input id="flIcon" class=" " type="file" style="opacity: 0;">
<span class="filename" style="-moz-user-select: none;">document-save.png</span>
<span class="action" style="-moz-user-select: none;">Choose File</span>
</div>

我从这篇参考资料中尝试过它。Clearing <input type='file' /> using jQuery但它对我不起作用。是否有任何浏览器兼容性问题或者我遗漏了一些东西。谢谢。

Answer 1

试试这样：

<input type="file" id="flIcon" />
<div id="btnAddNew">Clear</div>

然后：

$('#btnAddNew').click(function(event) {
    $("#flIcon").replaceWith("<input type='file' id='flIcon'/>").html();
});

Answer 2

是的，Darin的解决方案效果很好。

或者您也可以使用JQuery来清除..

$('#flIcon').val('');

从文件上传器清除上传文件名

2 个答案: