Récupérer la valeur d'un input type file pour une prévisualisation avant enregistrement

Bonjour à tous,

Comme dit mon titre je souhaite récupérer le chemin + le nom de l'image contenu dans un champ type file afin de proposer une prévisualisation avant l'enregistrement.

J'ai lu quelques sujets qui expliquent que la modification de la valeur n'est pas possible pour des raisons de sécurité. Sur le coup je me suis dis mince mon idée n'a pas d'avenir mais dans mon cas c'est juste une lecture du value.

j'ai commencer un petit script qui me récupère le value est malheureux que je suis je n'ai pas le chemin, juste le nom du fichier.

Biensur avec juste cette info il est impossible d'afficher l'image en prévisualisation.

Comment puis-je faire pour arriver à mes fins ?

Merci à tous pour vos réponses.:D

tu ne peux pas de façon crossbrowser si tu veux previsualiser il faudra uploader sur le serveur ...
ou passer par des solutions externes au browser de type flash

bon ok! c'est dommage!

Merci pour ta réponses.

Bonjour à tous je reviens sur le sujet,

Je cherche à upload sur le serveur les images d'un champ file avec ajax.

Je n'y parvient pas, est-ce possible ? Quel moyen alternatif ? notamment avec les frames.

j'ai trouvé cela sur un site:

Citation:

---

Creer une page de frame, avec un frameset vide et invisible nommé « fileframe » pour l’exemple et l’autre contenant votre inputfile. Lors d’un inputfile.onchange, copiez les attributs action et target du formulaire contenant votre input file et remplacer les par l’url d’un script server et par le nom de l’autre frame: « fileframe ». Puis lancez form.submit(). Cela va envoyer toutes les données du formulaire vers « fileframe », y compris donc les fichiers. Ensuite, vous vous échanger les données entre les frame pour sauvegarder les données renvoyées par le script, sans oublier de supprimer les input file déjà envoyés pour que cela ne se répète pas.

---

Mais je ne comprends pas cette bien cette phrase :

Citation:

---

copiez les attributs action et target du formulaire contenant votre input file et remplacer les par l’url d’un script server et par le nom de l’autre frame

---

Merci à tous pour vos réponses.:)

Salut,

En effet tu ne pourras prévisualiser que si l'image est uploadé sur le serveur.

Est-ce que déjà t'as été capable de faire l'upload en Ajax ?
Sinon tu peux regarder comment fonction FancyUpload par exemple ou ses homologues.

En fait il suffit de poster ton formulaire à la manière Ajax. Pour ca tu peux le faire a la main ou te servir de framework comme jQuery, mootools...
Tu devras te faire un script PHP (ou autre langage serveur) pour copier le fichier sur ton serveur.

Dans le principe quand tu upload une image sur un serveur, l'image est stockée temporairement dans un repertoire temporaire (tu peux connaitre celui-ci à l'aide de la variable PHP $_FILES ou $_FILE...)

Et donc cela consiste à copier du repertoire temporaire vers un repertoire de ton choix. Et tu pourrais renvoyer les informations depuis le script PHP vers le script Ajax. Une des informations importantes (qui pourrait être la seule dans ton cas) une url de où se trouve ton fichier.

Regarde des exemples sans ajax et adapte si tu veux apprendre sinon regarde sur internet il soit y avoir des scripts tout fait.