如何在asp.net的模态弹出窗口中清除fileupload文本框？

Question

如果用户选择了该文件但没有上传并隐藏弹出窗口，则所选文件应该消失（换句话说，fileupload文本框应该再次显示“未选择文件”）

 $('#modal1').on('hidden.bs.modal', function (e) {
        var fu = document.getElementById("fileupload1");
        if (fu != null) {
            document.getElementById("fileupload1").outerHTML = fu.outerHTML;
        }
    })
    </script>

此代码无效

Answer 1

使用val("")：

$('#modal1').on('hidden.bs.modal', function (e) {
   $("#fileupload1").val("");
})

当您为FileUpload指定一个空值时，它会显示默认值＆＃34; No File Chosen＆＃34;文本。

Answer 2

注意fileupload1看起来像是ASP.Net服务器端的FileUpload控件。 所以你应该使用ClientID属性获取它的ID，试试这个：

var fu = document.getElementById("<%= fileupload1.ClientID %>");

Answer 3

这个对我有用。

$(document).on('hidden.bs.modal', '#modalPopup1', function (event) {
        $("#fileUpload1").val("");
    });