erhalten Sie die Dateinamen eines Dateiupload in einem Dokument durch Javascript

Question

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

Wie kann ich die Dateinamen des Fileupload-Steuerelement mit id FileUpload1 bekommen

Answer 1

Versuchen Sie, die value Eigenschaft, wie folgt aus:

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

Hinweis : Es sieht aus wie FileUpload1 ein serverseitige Fileupload-Steuerelement ASP.Net ist
. Wenn ja, sollten Sie dessen ID mit dem ClientID Eigenschaft, wie folgt aus:

var fu1 = document.getElementById("<%= FileUpload1.ClientID %>");

Answer 2

In Google Chrome element.value den Namen zurückgeben + den Weg, aber einen falschen Weg. So wird mein Fall verwendete ich den Namen Attribut auf die Datei wie folgt:

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

Das ist der Anruf von der Seite:

<input id="ph1" name="photo" type="file" class="jq_req" onchange="getFileData(this);"/>

Answer 3

Versuchen document.getElementById("FileUpload1").value dieser Wert sollte einen Pfad haben für eine Datei hochgeladen werden, Streifen nur alle dirs von diesem Wert und Sie werden Dateinamen.

Answer 4

RaYell, Sie brauchen nicht den Wert zurück zu analysieren. document.getElementById("FileUpload1").value gibt nur die Dateinamen mit der Erweiterung. Dies war nützlich für mich, weil ich den Namen der Datei kopieren wollte ‚Titel‘ genannt zu einem Eingabefeld hochgeladen werden. In meiner Anwendung wird die hochgeladene Datei auf den Index von der Back-End-Datenbank generiert umbenannt und der Titel wird in der Datenbank gespeichert.

Answer 5

Versuchen

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

Answer 6

Mit Code wie folgt in einer Form kann ich die ursprüngliche Quelle Upload Dateiname erfassen, kopieren Sie sie in einem zweiten einfachen Eingabefeld. Dies ist so, kann den Benutzer bietet ein alternativen Upload-Dateinamen Anforderung in einreichen, da der Datei-Upload-Dateiname ist unveränderlich.

    <input type="file" id="imgup1" name="imagefile">
      onchange="document.getElementsByName('imgfn1')[0].value = document.getElementById('imgup1').value;">
    <input type="text" name="imgfn1" value="">

Answer 7

Um nur hochgeladene Datei Name Verwenden Sie dieses zu erhalten,

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

FileUpload1 Wert enthält gefälschten Weg, dass Sie wahrscheinlich nicht wollen, dass die Verwendung Spaltung zu vermeiden und letztes Element aus dem Datei-Pop.