如何清除 asyncfileupload 的文本框值..？

Question

有一个按钮（MyButton）。 单击此按钮时，会出现一个 modalpopup(MyPopup)，其中包含一个 asyncfileupload ajax 控件、“确定”按钮和“取消”按钮。

asyncfileupload 功能的浏览功能工作正常，没问题。 但是回发后，如果我再次单击 MyButton，弹出窗口将显示在 asyncfileupload 控件的文本框中，其中包含先前的路径。

怎么清除呢...！

提前致谢。

Answer 1

所提出的方法都不适合我。
问题并不特定于 AsyncFileUpload，而是特定于 input[type=file]。

最后，我找到了一种适用于 javascript 的方法：

function uploadComplete(sender, args) {
    jQuery(sender.get_element()).find("input[type='file']")[0].form.reset();
}

Answer 2

将 AsyncFileUpload 描述符的属性设置为 OnClientUploadComplete="UploadComplete" 并使用下一个 JS：

function UploadComplete(sender, arg2) {
  // clear file
  var fileInputElement = sender.get_inputFile();
  fileInputElement.value = "";
}

您也可以将任何操作/样式应用于“fileInputElement”。

Answer 3

如果您尝试在客户端清除它，这对我有用。

<script type = "text/javascript">
function clearContents() {
    var AsyncFileUpload = $get("<%=AsyncFileUpload1.ClientID%>");
    var txts = AsyncFileUpload.getElementsByTagName("input");
    for (var i = 0; i < txts.length; i++) {
        if (txts[i].type == "file") {
            txts[i].value = "";
            txts[i].style.backgroundColor = "transparent";
        }
    }
}

function uploadComplete(sender) {
    clearContents();
}
</script>

Answer 4

扩展 ador 上面的答案：

function uploadComplete(sender, args) {
    var uploadField = $(sender.get_element()).find("input[type='file']");
    uploadField[0].form.reset();
    uploadField.each(function () { $(this).css("background-color", "white"); });
}

Answer 5

假设您使用 Ajax Control Toolkit 中的控件，您可以连接到 OnClientUploadedComplete 句柄，上传完成后客户端会调用该句柄。您想在模式弹出窗口上调用 hide

 var modalPopupBehavior = $find('popupID');
 modalPopupBehavior.hide();

Answer 6

这是对 Jmoon 答案的更正。如果您想在上传完成后而不是在其他用户操作后清除 AsyncFileUpload 文本，这非常有用。

function clearContents() {
    var AsyncFileUpload = $("#<%=AsyncFileUpload1.ClientID%>")[0];
    var txts = AsyncFileUpload.getElementsByTagName("input");
    for (var i = 0; i < txts.length; i++) {
        txts[i].value = "";
        txts[i].style.backgroundColor = "transparent";
    }
}

Answer 7

这肯定会清除文本框：

var AsyncFileUpload = $get("<%=AsyncFileUpload1.ClientID%>");
    var txts = AsyncFileUpload.getElementsByTagName("input");
    for (var i = 0; i < txts.length; i++) {
        if (txts[i].type == "file") {
            txts[i].style.backgroundColor = "transparent";
            txts[i].form.reset();
        }
    }