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:
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\">  ";
}
//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.
