Recuperer l'url d'un fichier dans un input de type file

Par Steeve VERDIEU, il y a 10 ans

Javascript

Bonjour

J'ai un input de type file

<input type="file" name="file" class="file"/>

Quand un fichier est selectionne par l'utilisateur, j'aimerais recuperer l'url(path) complet du fichier. C'est a dire l'endroit ou il se trouve sur la machine du client. Mais malheureusement je n'y arrive pas.

J'ai recherche sur quelques forums, le mieux que j'ai pu trouver est ce bout de code.

var fileLink = document.querySelector('.file').value; alert(fileLink);

Malheureusement, en recuperant l'attribut value de l'input file, l'url retourne est erronne. J'obtiens quelque chose comme ca:

C:\fakepath\Certif.gif

J'obtiens un certain fakepath qui ne fait pas partie de l'url.

Comment dois-je proceder pour recuperer parfaitement le bon url menant au fichier????

1 réponse

juanpa, il y a 10 ans

Salut !

C'est une sécurité sur certains navigateur qui t'empêche d'accéder au path local. J'ai rencontré le même soucis [https://www.grafikart.fr/forum/topics/21761]

Il faut que tu regarde du côté de formData, regarde les liens dans la réponse.
Sinon ds la variable $_FILE côté php