[JavaScript]Upload & insertion d'image par pop-up dans un champ texte

[JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [JavaScript]Upload & insertion d'image par pop-up dans un champ texte (/showthread.php?tid=1035)

[JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Plume - 05-04-2007

Bonjour !

Je développe donc un éditeur avec prévisualisation instantanée. J'ai un bouton `Image` qui me permet d'insérer dans le champ texte des balises du type [image][/image]. Quand on saisi l'adresse de l'image entre ces balises, donc, l'image apparait très bien dans mon div de prévisualisation. Et là, je voudrais améliorer mon système en permettant la chose suivante : Je voudrais que lorsque l'on clique sur le bouton `Image` une fenêtre pop-up me demande de parcourir mes dossiers ou bien de saisir directement l'adresse de l'image. Ensuite, je souhaiterais savoir comment récupérer l'adresse & l'afficher comme il faut dans mon champ texte.

Merci à vous Smile

Tchu !

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - NicoMSEvent - 05-04-2007

et avec ça?

Code PHP :
<?php 

<input type=file name=xxx> 

ça t'ouvre une boite de message te demandant ou se trouve le fichier, et te met le chemin dans une ligne de texte ^^

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Plume - 05-04-2007

Ah merde !! J'avais oublié !! J'vais voir ça tout de suite ...

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Plume - 05-04-2007

Ah non ! En fait ça n'ouvre pas une nouvelle fenêtre, ça met directement à l'affichage & ça me plait pas. ..

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Shidame - 05-04-2007

Je ne crois pas qu'en javascript tu puisses avoir acces a l'arborescence du disque local, et le seul moyen d'uploader est via le champ <input type=file name=xxx> , question securité. Sinon te reste les active X me semble (pour ie mais bon la je connai encore moins et ca m'interresse pas^^)

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Plume - 05-04-2007

Je sais même pas à quoi ça sert c'te bete là !

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - NicoMSEvent - 06-04-2007

Je suis certain que tu trouveras Wink

Blague a part, il existe déjà énormément de projets open-source qui font de l'édition avec mise en forme dans un textarea (+ javascript)...

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - carlou - 06-04-2007

peut etre en ajax ou xajax, a l'insertion du fichier dans le input file, tu le precharge dans le repertoire tmp comme ca ce fait normalement et tu visualise ce fichier. une fois que le gars a edite son message, tu l'upload dans le repertoire image

Code PHP :
<?php 

if (isset($_FILES['file']['name']) and $_FILES[file']['name']!= ""){

$tmp_name=$_FILES['file']['tmp_name'];

if(!is_uploaded_file($tmp_name))

            {

        $message = '<span style="color:red;">Erreur: Le fichier est introuvable.<br></span>';

                }

                else {

echo '<img src="$tmp_name">'; }

attention c une code rapide, il manque le controle de taille etc, c'est juste pour l'exemple...

je suis pas sur que l'on puisse previsualiser un fichier sur le hd du client
et on est obligé de passer par le input file pour des questions de securité. idem pour la taille du fichier. le seul controle qui peut etre fait avant upload, c'est l'extention (mais pas le type mime).

Apres effectivement il faut passer par activeX mais ca oblige a ce que le client accepte d'installer le module sur son pc

http://www.anyexample.com/programming/php/php_ajax_example__asynchronous_file_upload.xml
voila un lien qui pourra peut etre t'aider

RE: [JavaScript]Upload & insertion d'image par pop-up dans un champ texte - Plume - 07-04-2007

Bon finalement, j'ai trouvé comment faire Wink

Merci à vous pour les conseils.