Bonjour,

Souhaitant réaliser un formulaire, j'ai mis en place plusieurs champs "input file" qui permettrait de charger à l'utilisateur plusieurs images, et la possibilité d'insérer le nom de l'image dans la textarea avant d'être uploader.

J'ai donc utilisé deux fonctions javascript, le souci c'est que à chaque fois que je clique sur "ajouter un champ", cela m'efface le contenu des input file, comment faire pour le garder ??

Code js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
var i=0;
function create_champ() {    i++;
document.getElementById('leschamps').innerHTML += 
'<input type="file" id="fichier_'+i+'" name="fichier_'+i+'">'+
'<input type="button" value="Inserer nom image" style="width:120px" onClick="inserer_nom('+i+')" /><br /> ';
}
 
function inserer_nom(num) 
{    var text = document.getElementById('fichier_'+num).value; 
    var fichier = text.substr(text.lastIndexOf('\\')+1); //LastIndexOf recuperes le dernier "\"
    document.getElementById('textarea').value+= '[img]'+fichier+'[/img]\n';
}

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<input type="file" name="fichier_1" id="fichier_1" />
<input name="button" type="button" onClick="inserer_nom('1')" value="Inserer nom image"/>
<span class="Style9" id="leschamps"></span><a href="javascript:void(create_champ());" class="titreRubrique">Ajouter un champ</a></p>

Représentation :
Quand je clique sur upload, cela vient mécrire C:\Documents\image1.jpg, quand je clique sur inserer nom (le bouton a coté),cela m'inserer image1.jpg ds textarea! mais quand je clique sur "ajouter un champ", cela m'efface le précédent et donc qunad je vais cliquer sur "submit" cela ne me chargera aucune image.

Merci