IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Insertion d'images dans une div


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2005
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2005
    Messages : 159
    Par défaut Insertion d'images dans une div
    Bonjour,
    j'ai un problème que je n'arrive pas à résoudre avec mon script. Le code est censé aller chercher l'adresse d'images sur le disque (avec un type=file), et de les afficher au fur et à mesure. Le script stock les adresses dans un tableau et les affiches dans une div. L'affichage des images ne se fait pas correctement.

    Je vous mets le code à disposition, si vous voyez l'erreur, ou sinon un autre moyen de faire. merci d'avance.


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    <script type="text/javascript" language="javascript">
     
    	var photo = new Array();//tableau de liens des images
    	var indice = 0;
     
    	function affiche() {
    		var liens = "";
    		var lien;
    		for (i=0; i<=indice; i++) {
    			lien = photo[i];
    			lien = lien.replace(/\\/g,"/"); //remplacer les antislash par des slash
    			//concatenation de liens pour chaque image
    			liens += "<img src=\"" + lien + "\" alt=\"chargement incorect\" width=\"80\" heigth=\"100\">&nbsp&nbsp";
     
    		}
    		//affichage des images dans la diva
    		document.getElementById("prev").innerHTML=liens;
    	}
     
    	function verifPhoto() {
    		photo[indice] = document.ajouter.photo.value;
    		affiche();
    		indice ++;
    	}
     
     
     
    </script>
     
    <div id="prev"></div>
    <br /><br />
    <form name="ajouter" action="ajoutPhoto.php" method=post>
    	<input type=file name="photo"><br /><br />
    	<input type="button" value=" Apercu " size="10" onClick="verifPhoto()"/>
    </form>
     
    <br />

    Cordialement.

  2. #2
    Membre chevronné
    Inscrit en
    Novembre 2006
    Messages
    336
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 336
    Par défaut
    L'erreur c'est que tu ne peux pas accèder aux fichiers locaux de la machine client.

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2005
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2005
    Messages : 159
    Par défaut
    Mais je récupère juste une simple adresse non? genre "C:/.../images.jpg"
    <img src="C:/.../images.jpg"> devrait fonctionner?

    L'image se trouve sur mon disque dur.

  4. #4
    Membre chevronné
    Inscrit en
    Novembre 2006
    Messages
    336
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 336
    Par défaut
    Justement non, ca marchera peut être en local, mais surement pas en ligne

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2005
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2005
    Messages : 159
    Par défaut
    je ne fais rien en ligne, pas d'upload ni rien.

  6. #6
    Membre éclairé Avatar de arkandias
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    102
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 102
    Par défaut
    Il n'empeche que tu peux pas... simple sécurité... sinon les piratages seraient trop faciles

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Debutant] changer des images dans une div par une fonction javascript
    Par raul_le_vieux dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/06/2007, 09h35
  2. [MySQL] Insertion d'une image dans une div d'une news
    Par godsilken50 dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 05/05/2007, 16h58
  3. Positionnement d'images dans une <div>
    Par djef80_12 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 20/12/2006, 13h44
  4. Problème d'insertion d'image dans une fenêtre.
    Par Antigonos Ier Gonatas dans le forum Tkinter
    Réponses: 2
    Dernier message: 26/08/2006, 12h44
  5. [MySQL] Insertion d'image dans une base de données
    Par dragonfly dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 16/03/2006, 14h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo