Voller Pfad von der Dateieingabe mit jQuery

Question

Wenn ich val() auf einem Eingang mit type="file" rufe, erhalte ich nur den Dateinamen anstelle des vollständigen Pfades. Wie kann ich den vollständigen Pfad bekommen?

Answer 1

Sie können nicht: Es ist eine Sicherheitsfunktion in allen modernen Browsern.

Für IE8, es ist standardmäßig deaktiviert, kann aber mit einer Sicherheitseinstellung wieder aktiviert werden:

Wenn eine Datei mit Hilfe des input type = Dateiobjekts ausgewählt wird, auf die der Wert der Werteigenschaft abhängig Wert der Sicherheitseinstellung "Lokalen Verzeichnispfad beim Hochladen von Dateien auf einen Server einschließen" für die Sicherheitszone, die zum Anzeigen der Webseite mit dem Eingabeobjekt verwendet wird.

Der vollqualifizierte Dateiname der ausgewählten Datei wird nur zurückgegeben, wenn diese Einstellung aktiviert ist. Wenn die Einstellung deaktiviert ist, ersetzt Internet Explorer 8 das lokale Laufwerk und den Verzeichnispfad durch die Zeichenfolge C: \ fakepath \, um eine unangemessene Offenlegung von Informationen zu verhindern.

In allen anderen gängigen Mainstream-Browsern, die ich kenne, ist es auch ausgeschaltet. Der Dateiname ist der beste, den Sie bekommen können.

Weitere detaillierte Informationen und gute Links in this question. Es bezieht sich darauf, den Wert serverseitig zu erhalten, aber das Problem ist in JavaScript vor der Übermittlung des Formulars identisch.

Answer 2

Wie oben angegeben, ist dies normalerweise ein Berechtigungsproblem. Versuchen Sie, und verschieben Sie die Datei in einen anderen Bereich und erteilen Sie ihr volle Berechtigungen.

var Pfad = $ ('# Datei'). Attr ("Wert");

Answer 3

Nun, den vollen Pfad ist nicht möglich, aber wir können einen temporären Pfad haben.

Dieses Versuchen:

Es gebe Ihnen einen temporären Pfad nicht der genaue Weg, können Sie dieses Skript verwenden, wenn Sie ausgewählte Bilder wie in diesem jsfiddle Beispiel zeigen wollen (Versuchen Sie es durch Bilder als auch selectng als andere Dateien): -

JSFIDDLE

Hier ist der Code: -

HTML: -

<input type="file" id="i_file" value=""> 
<input type="button" id="i_submit" value="Submit"> 
    <br> 
<img src="" width="200" style="display:none;" /> 
     <br> 
<div id="disp_tmp_path"></div> 

JS: -

$('#i_file').change(function(event) { 
var tmppath = URL.createObjectURL(event.target.files[0]); 
    $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0])); 

    $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> <strong>["+tmppath+"]</strong>"); 
}); 

Es ist nicht genau das, was Sie suchen, aber sein kann es Ihnen irgendwo helfen kann.