récupérer le nom d'un fileupload dans un document à l'aide de javascript

var fu1 = document.getElementById("FileUpload1");

comment puis-je obtenir le nom de fichier de contrôle fileupload avec id FileUpload1

InformationsquelleAutor Mishigen | 2009-11-26
  1. 35

    Essayer le value propriété, comme ceci:

    var fu1 = document.getElementById("FileUpload1");
alert("You selected " + fu1.value);

    NOTE: Il ressemble à FileUpload1 est un ASP.Net côté serveur contrôle FileUpload.

    Si oui, vous devriez obtenir son ID à l'aide de la ClientID propriété, comme ceci:

    var fu1 = document.getElementById("<%= FileUpload1.ClientID %>");
    InformationsquelleAutor SLaks
  2. 31

    Dans google chrome élément.la valeur de retour le nom + le chemin, mais un faux chemin. Donc, pour mon cas, j'ai utilisé le nom de l'attribut dans le fichier comme ci-dessous :

    function getFileData(myFile){
   var file = myFile.files[0];  
   var filename = file.name;
}

    c'est l'appel de la page :

    <input id="ph1" name="photo" type="file" class="jq_req" onchange="getFileData(this);"/>
    • Note pour les autres: pour IE11 n'en est pas de retour quelque chose pour moi.
    InformationsquelleAutor vanessen
  3. 3

    Essayer document.getElementById("FileUpload1").value cette valeur doit avoir un chemin d'accès d'un fichier à télécharger, juste la bande de tous les répertoires à partir de cette valeur et vous aurez le nom du fichier.

    InformationsquelleAutor RaYell
  4. 3

    RaYell,
    Vous n'avez pas besoin d'analyser la valeur retournée. document.getElementById("FileUpload1").value retourne uniquement le nom de fichier avec l'extension.
    Cela a été utile pour moi parce que je voulais copier le nom du fichier à transférer dans une zone de saisie appelé "titre". Dans mon application, le fichier est renommé à l'index généré par le backend de base de données et le titre est stocké dans la base de données.

    InformationsquelleAutor DavidHyogo
  5. 2

    Essayer

    var fu1 = document.getElementById("FileUpload1").value;
    InformationsquelleAutor Adriaan Stander
  6. 2

    À l'aide de ce type de code dans un formulaire je peux capter la source d'origine de téléchargement nom du fichier, le copier à un deuxième simple champ de saisie. C'est ce qui permet donc de fournir un autre de téléchargement nom du fichier à présenter la demande depuis l'upload de fichier nom de fichier est immuable.

        <input type="file" id="imgup1" name="imagefile">
      onchange="document.getElementsByName('imgfn1')[0].value = document.getElementById('imgup1').value;">
    <input type="text" name="imgfn1" value="">
    • Alors que cet extrait de code, peut-être de résoudre la question, y compris une explication aide vraiment à améliorer la qualité de votre post. Rappelez-vous que vous répondez à la question pour les lecteurs dans l'avenir, et ces personnes pourraient ne pas connaître les raisons de votre code suggestion.
    InformationsquelleAutor rickatech
  7. 2

    Pour obtenir uniquement le fichier téléchargé Nom cette,

    fake_path=document.getElementById('FileUpload1').value
alert(fake_path.split("\\").pop())

    FileUpload1 valeur contient de faux chemin, que vous ne voulez probablement pas, pour éviter que l'utilisation de split et de la pop dernier élément de votre fichier.

    InformationsquelleAutor Mohamed Thasin ah