Comment puis-je récupérer le chemin complet du fichier à l'aide de JavaScript et jQuery ?

Récupération du chemin complet des fichiers sélectionnés à l'aide de JavaScript et jQuery

Dans le développement Web, il est souvent nécessaire de gérer la sélection de fichiers à l'aide du HTML < ;type d'entrée="fichier"> élément. Bien que les navigateurs comme Firefox et Chrome permettent d'accéder au nom du fichier, ils restreignent l'accès au chemin complet pour des raisons de sécurité.

Échec de l'approche utilisant l'attribut de valeur

Une idée fausse courante est-ce que l'attribut value du <input type="file"> contient le chemin complet. Cependant, cette approche ne renvoie que le nom du fichier, pas le chemin complet.

<input type="file">

Restrictions de sécurité du navigateur

Les navigateurs ont intentionnellement désactivé l'accès au chemin complet via JavaScript pour prévenir les attaques malveillantes et protéger la confidentialité des utilisateurs. Essentiellement, JavaScript n'a pas accès au système de fichiers.

Alternative pour Firefox

Bien que les autres navigateurs ne donnent pas accès au chemin complet, Firefox a une propriété unique appelé mozFullPath. Cependant, tenter d'accéder à cette propriété renvoie une chaîne vide.

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

Approche alternative pour la lecture de fichiers

Au lieu de vous fier au chemin complet, envisagez d'utiliser le fichier API Reader, qui vous permet de lire le contenu du fichier sans accéder à son emplacement sur le système. Cette approche est couramment utilisée pour prévisualiser les images avant de les télécharger, comme décrit dans la question Stack Overflow suivante :

Prévisualisez une image avant son téléchargement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!