Wie kann ich den vollständigen Dateipfad mit JavaScript und jQuery abrufen?

Abrufen des vollständigen Pfads ausgewählter Dateien mit JavaScript und jQuery

In der Webentwicklung ist es oft notwendig, die Dateiauswahl mithilfe von HTML < ;Eingabetyp="Datei"> Element. Während Browser wie Firefox und Chrome Zugriff auf den Dateinamen gewähren, beschränken sie aus Sicherheitsgründen den Zugriff auf den vollständigen Pfad.

Fehlgeschlagener Ansatz mit Wertattributen

Ein häufiges Missverständnis ist, dass das Wertattribut des <input type="file"> enthält den vollständigen Pfad. Dieser Ansatz gibt jedoch nur den Namen der Datei zurück, nicht den vollständigen Pfad.

<input type="file">

Sicherheitseinschränkungen des Browsers

Browser haben den Zugriff auf den vollständigen Pfad über JavaScript absichtlich deaktiviert um böswillige Angriffe zu verhindern und die Privatsphäre der Benutzer zu schützen. JavaScript hat grundsätzlich keinen Zugriff auf das Dateisystem.

Alternative für Firefox

Während andere Browser keinen Zugriff auf den vollständigen Pfad bieten, verfügt Firefox über eine einzigartige Eigenschaft namens mozFullPath. Der Versuch, auf diese Eigenschaft zuzugreifen, gibt jedoch eine leere Zeichenfolge zurück.

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});
https://jsfiddle.net/SCK5A/

Alternativer Ansatz zum Lesen von Dateien

Anstatt sich auf den vollständigen Pfad zu verlassen, sollten Sie die Verwendung der Datei in Betracht ziehen Reader-API, mit der Sie den Inhalt der Datei lesen können, ohne auf ihren Speicherort im System zugreifen zu müssen. Dieser Ansatz wird häufig für die Vorschau von Bildern vor dem Hochladen verwendet, wie in der folgenden Frage zum Stapelüberlauf beschrieben:

Vorschau eines Bildes anzeigen, bevor es hochgeladen wird.

Das obige ist der detaillierte Inhalt vonWie kann ich den vollständigen Dateipfad mit JavaScript und jQuery abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!