comment faire pour effacer la zone de texte valeur de asyncfileupload ..?

Il y a un bouton(Monbouton).
OnClick de ce bouton, une modalpopup(MyPopup) apparaît avec un asyncfileupload de contrôle ajax, sur le bouton Ok bouton Annuler.

La fonctionnalité de navigation de la asyncfileupload fonctionnalité fonctionne bien, Pas de problème.
Mais après la publication, si je clique sur le MyButton encore une fois, le pop-up apparaissant avec l'ancien chemin d'accès dans la asyncfileupload contrôle de zone de texte.

Comment effacer ... !

Merci d'avance.

OriginalL'auteur |

  1. 5

    Rien de la façon de travaillé pour moi.
    Le problème n'est pas spécifique à AsyncFileUpload, mais à la input[type=file].

    Enfin, j'ai trouvé un moyen qui a fonctionné pour moi avec javascript:

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

    OriginalL'auteur

  2. 2

    Définir l'attribut de AsyncFileUpload descripteur de OnClientUploadComplete="UploadComplete" et utiliser la prochaine JS:

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

    Vous pouvez appliquer toutes les actions/les styles de la "fileInputElement".

    OriginalL'auteur

  3. 1

    Pour développer ador la réponse ci-dessus:

    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"); });
}

    OriginalL'auteur

  4. 0

    En supposant que vous utilisez le contrôle de l'Ajax Control Toolkit, vous pouvez brancher dans le OnClientUploadedComplete poignée qui est appelé sur le côté client une fois que le téléchargement est terminé. Vous voulez appeler cacher sur le modal popup

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

    OriginalL'auteur

  5. 0

    cela a fonctionné pour moi, si vous tentez d'effacer côté client. 

    <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>
    j'ai utilisé le même mais toujours texte qui n'a pas effacé..

    OriginalL'auteur

  6. 0

    C'est une correction pour la Jmoon de réponse. Ceci est utile si vous souhaitez effacer AsyncFileUpload texte pas après le téléchargement complet, mais après quelques autre action de l'utilisateur. 

    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";
    }
}

    OriginalL'auteur

  7. 0

    Ce sera certainement effacer la zone de texte:

    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();
        }
    }

    OriginalL'auteur