[AJAX] upload image

Bonjour, Je cherche a faire un upload d'image en ajax.
J'ai trouv� une explication, mais j'aurai besoin d'aide pour l'appliquer...

Voici ce que j'ai trouv�:

Citation:

---

submit form with frame target

compatibilit�: tous navigateurs

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.
Si vous compter envoyer un nombre non d�fini de fichier, lorsque le upload commence (inputfile.onchange est lanc�), vous pouvez activer la propri�t� disable sur les input file, ainsi il ne seront pas renvoy�.

---

Je crois avoir compris qu'il faut utiliser des frames, mais j'aurai besoin d'un exemple simpliste pour m'aider...

J'ai r�ussi en partie!
Ca marche sur firefox et chrome, mais pas sous ie!!

Voici ce que j'ai fais:
le code javascript:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function gestion_image() { var contenu_div_image=document.getElementById('image_telegram'); contenu_div_image.innerHTML=""; var form=document.createElement("form"); form.enctype="multipart/form-data"; form.method="POST"; form.id="form_upload_image"; form.action="maj_img.php"; form.target="iframe"; var inputfile = document.createElement("input"); inputfile.type="file"; inputfile.id="file_img"; inputfile.name="file_img"; inputfile.onchange=function(){ form.submit();}; form.appendChild(inputfile); contenu_div_image.appendChild(form); }

---

html:

Code:

---

1 2 3

<div id="image_telegram" onclick="javascript:gestion_image();">Cliquer ici pour insérer une image</div> <iframe style="display: none;" id="iframe" name="iframe"></iframe>

---

Et dans le fichier maj_img.php (action du form g�n�rer dynamiquement)
Je copie l'image et j'affiche le code retour comme ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10

<? $sourceimg=$_FILES["file_img"]["tmp_name"]; $destimg="photos/".$_FILES["file_img"]["name"]; copy($sourceimg,$destimg);   echo "<script type=\"text/javascript\"> parent.document.getElementById('image_telegram').innerHTML = \"<img src='photos/".$_FILES["file_img"]["name"]."'>\"; </script>"; ?>

---

Le probl�me sous IE s'est que $_FILES["file_img"]["name"] et $_FILES["file_img"]["tmp_name"] ne contiennent rien... La transmission ne se fait pas...
Comment faire pour que ca marche sous ie?

Premi�re remarque :
Ce que tu as fait n'est pas de l'ajax.

Seconde remarque :
J'ai remarqu� que IE a quelque soucis lors de la cr�ation de certains �l�ments en dynamique... ou a du mal avec le onchange du input file. En fait je ne sais plus. Tout ce que je sais c'est que je suis arriv� � la conclusion de le faire directement en HTML et d'ajouter un bouton valider, pour �viter de me prendre trop la t�te.

Troisi�me remarque :
Tu vires � la fin le formulaire d'upload, pour le remplacer par l'image ? (soit, tu me diras "pourquoi pas ?")

Code:

---

1 2 3 4 5 6

<div id='image_telegram'> <form action="maj_img.php" enctype="multipart/form-data" method="POST"> <input type="file" name="upload_file"> <input type="submit"> </form> </div>

---

Je sais que ce n'est pas de l'ajax, mais mon message a �t� redirig� dans ce forum...
C'est du pseudo ajax, car il y a quand meme du xml entre l'iframe et le document parent!! lol

J'ai r�ussi en faisant autrement...
Au lieu de g�n�rer mon formulaire dynamiquement je le g�n�re au chargement de la page, et je le masque avant de le demasquer pour pouvoir faire appel � mon script...

Mais n'empeche que je ne comprend pas bien pourquoi IE gal�re comme ca avec des trucs qui ne paraissent pas tr�s pouss�s!!

Merci...

Citation:

---

Envoy� par calitom

Je sais que ce n'est pas de l'ajax, mais mon message a �t� redirig� dans ce forum...

---

Citation:

---

Envoy� par calitom

Bonjour, Je cherche a faire un upload d'image en ajax.

---

:roll: