Formulaire post input type file auto créé
Bonjour,
J'ai hésité sur l'endroit ou poster cette question, puisqu'elle concerne à la fois html, javascript et asp. Si vous trouvez que ce sujet n'a pas sa place ici, on pourra toujours le déplacer dans une autre catégorie.
Descriptif :
J'ai un formulaire html/asp d'envoi de mail qui me permettait d'envoyer des mails (jusqu'à la normal) en y ajoutant des pièces jointes.
Seul nécessité, pouvoir ajouter des pj issues de répertoires distincts.
Je passait par un objet javascript multifile, qui regénerait un input (non multiple) à chaque chargement de nouveau fichier. Chaque fichier chargé était listé dans un tableau html, ce qui permettait éventuellement de le supprimer en cas d'erreur.
Or il semble devenu non compatible.
le soucis que j'ai c'est que (sous ff entre autre), des que je tente de créer un input à la volée, l'objet est bien créé et apparait à l'endroit où il est attendu, me permet de charger une pj, mais lors du submit, je n'ai aucun request file pris en compte...
Est ce normal ? Y a t-il eu une modification pour contrer des failles ? je vois pas bien où peut se situer l'erreur...
Sur la partie request, je travaille avec un Persits.Upload qui fonctionne très bien par ailleurs.
Si je créé en dur mon premier input sur la page, et les autres à la volée, le contenu du premier est bien passé en request et mon fichier créé, pas les autres.
le html :
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
| <BODY topmargin=0 leftmargin=0 onload='initForm()'>
<form name='ff' action="/dropzone/save.asp" ENCTYPE="multipart/form-data" onsubmit='return CtrlForm()'>
<table>
...
<!--- les autres champs --->
...
<tr>
<td colspan=2>
<table width="100%" id="inputsTable" border="0"><tbody>
<tr>
<td class=label><label for=fichier>Fichier à charger</label></td>
<td><input id=fichier onchange="addInputFile()" size=20 type=file name=file /></td>
</tr></tbody></table>
</td>
</tr>
<tr>
<td colspan=2 valign=bottom>
<table width=100%>
<tr>
<td></td>
<td align=right>
<a class='pictoX2 pictoCancelBtnX2' id='btnQuit' title="Annuler" onclick='parent.closeWindow()'></a>
<a class='pictoX2 pictoSendBtnX2' id='btnSave' title="Envoyer" onclick='ff.btnHideSave.click()'></a>
<input name='btnHideSave' id='btnHideSave' type="submit" class='HideSubmit'>
</td>
</tr>
</table>
</td>
</tr>
</table> |
le javascript:
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
39
40
41
42
|
function addInputFile(){
var inputs = document.getElementsByTagName('input');
var nbInputFile = 0;
var nbFile = 0;
// boucle de vérification du nombre d'input type file total
// et du nombre d'input type file renseignés
for (i=0;i!=inputs.length;i++) {
input = inputs[i];
if (input.type == 'file') {
nbInputFile++;
if (input.value.length > 0) {
nbFile++;
}
}
}
//Si tous les inputs type file sont renseignés, on en ajoute un
if (nbInputFile == nbFile) {
tbody = document.getElementById("inputsTable").firstChild;
ligne = document.createElement('tr');
cellule1 = document.createElement('td');
cellule1.setAttribute('class','label');
label = document.createElement('label');
label.setAttribute('for','file'+nbInputFile);
labelText = document.createTextNode('');
labelText.data = 'Fichier à charger';
cellule2 = document.createElement('td');
inputFile = document.createElement('input');
inputFile.setAttribute('type','file');
inputFile.setAttribute('id','file'+nbInputFile);
//inputFile.setAttribute('size','20');
inputFile.setAttribute('name','file'+nbInputFile);
inputFile.onchange = addInputFile;
label.appendChild(labelText);
cellule1.appendChild(label);
cellule2.appendChild(inputFile);
ligne.appendChild(cellule1);
ligne.appendChild(cellule2);
tbody.appendChild(ligne);
return true;
}
} |
Une idée ?
Merci de votre contribution.
