Javascript : extraire l'adresse d'un fichier
hugs-giver
Messages postés
88
Date d'inscription
Statut
Membre
Dernière intervention
-
creadiff Messages postés 445 Date d'inscription Statut Membre Dernière intervention -
creadiff Messages postés 445 Date d'inscription Statut Membre Dernière intervention -
Bonsoir,
je travaille sur un formulaire, ou ont peut Uploader sont avatar.
Je voudrais ajouter une fonction qui affiche une image d'aperçue.
J'ai chercher sur le net, en général il est dit que c'est impossible car sa serait une faille de sécurité......
Mais Je sais que si je met par exemple le code suivant dans ma page :
<html>
<head>
<script language="javascript">
function fileimg()
{
var c_img = document.inscr.avatar.value;
alert(c_img);
}
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" action="/membres/inscription-submit.html" name="inscr">
<a href="javascript:fileimg()">Affiché le code</a><br>
<input name="avatar" type="file">
</form>
</body>
</html>
Le nom de l'image va s'afficher mais pas le chemin complet!
Et si par exemple je met le code suivant dans une page du site :
<img style="width: 500px; height: 375px;" alt="teste"
title="teste"
src="file:///C:/Documents%20and%20Settings/vogler/Mes%20documents/mes%20images/fete%20de%20l%27umanit%E9%202008/DSC00956.JPG">
La photo qui est dans mon pc va s'affiché, en local sur une page en ligne....
Je voudrais donc savoir si il est possible d'avoir simplement l'adresse complète vers l'image à uploader pour pouvoir l'afficher en local sur la page de mon site!
Voici l'adresse vers le formulaire :
http://ramenetagueule.com/membres/inscription.html
Ps, ce n'est pas safari mais google chrome
je travaille sur un formulaire, ou ont peut Uploader sont avatar.
Je voudrais ajouter une fonction qui affiche une image d'aperçue.
J'ai chercher sur le net, en général il est dit que c'est impossible car sa serait une faille de sécurité......
Mais Je sais que si je met par exemple le code suivant dans ma page :
<html>
<head>
<script language="javascript">
function fileimg()
{
var c_img = document.inscr.avatar.value;
alert(c_img);
}
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" action="/membres/inscription-submit.html" name="inscr">
<a href="javascript:fileimg()">Affiché le code</a><br>
<input name="avatar" type="file">
</form>
</body>
</html>
Le nom de l'image va s'afficher mais pas le chemin complet!
Et si par exemple je met le code suivant dans une page du site :
<img style="width: 500px; height: 375px;" alt="teste"
title="teste"
src="file:///C:/Documents%20and%20Settings/vogler/Mes%20documents/mes%20images/fete%20de%20l%27umanit%E9%202008/DSC00956.JPG">
La photo qui est dans mon pc va s'affiché, en local sur une page en ligne....
Je voudrais donc savoir si il est possible d'avoir simplement l'adresse complète vers l'image à uploader pour pouvoir l'afficher en local sur la page de mon site!
Voici l'adresse vers le formulaire :
http://ramenetagueule.com/membres/inscription.html
Ps, ce n'est pas safari mais google chrome
A voir également:
- Javascript : extraire l'adresse d'un fichier
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
et c'est parti !
Dis-ont que ça fait mieux et sa m'apprend d'autres truc.
Merci Zestyr, je n'est rien compris, mais je vais faire des recherches a partir de ta réponse, et si je trouve rien, je verrai du coté de l'ajax même si c'est un langage que je ne connais pas du tout!:)
Merci
La méthode la plus simple et la plus efficace consiste à inclure le bouton "télécharger..." (l'input de type file) dans un iframe, contenant une page en PHP, et que sur cette page en PHP, un événement JavaScript déclenche la soumission du formulaire.
La page à laquelle est envoyée le formulaire sera chargée de sauvegarder puis d'afficher l'image téléchargée.
inscription.php
...
<iframe src="cadre.php"></iframe>
...
<form action="enregistrement.php" action="post" enctype="application/x-www-form-urlencoded">
...
<input type="hidden" id="url_pic" name="url_pic" />
...
</form>
...
cadre.php
<form action="enregistreetafficheimage.php" enctype="multipart/form-data" name="form_pic"> <input type="file" onchange="document.form_pic.submit()" /> </form>enregistreetafficheimage.php
Cette page doit:
1- en PHP: sauvegarder le fichier, et l'afficher grâce à une balise img
2- en JavaScript: donner l'URL de l'image au formulaire d'inscription... pour ça,
parent.document.getElementById('url_pic').value = $url_de_l_image_enregistree;