createElement input de type file : pb d'upload de fichier

**firejocker** · 15/02/2006, 16h28

Slt,

j'ai le code suivant en javascript, la fonction UpdateCode intervient lors du changement de valeur d'une droplist, elle permet de selectionner un formulaire à creer dans un div

ca marche pour tout ce qui est input de type texte, mais lorsque je veux uploader un fichier, ma lecture echoue

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
 
		function GetAndEmptyChild(nom)
		{
            var child = document.getElementById(nom);
            if(child)
            {
                while( child.hasChildNodes() )
                        child.removeChild( child.childNodes[0] );
            }	
            return child;	
		}
 
 
		function AddTextInChild(child, texte)
		{		                            
            var t = document.createTextNode("");
            t.data = texte;
            child.appendChild(t);
            return t;
        }
 
		function AddInputTextInChild(child, nom, value, size, max)
		{
            var input = document.createElement("input");
            input.type = 'text';
            input.className = 'txt01';
            input.name = nom;
            input.defaultValue = value;
            input.size = size;
            input.maxLength = max;              
            child.appendChild(input);
            return input;
        }
 
        function AddHiddenInChild(child, nom, value)
        {
            var hidden = document.createElement("input");    
            hidden.type = 'hidden';
            hidden.name = nom;
            hidden.value = value;
            child.appendChild(hidden);
            return hidden;
 
        }
 
        function AddSubmitInChild(child)
        {
 
            var submit = document.createElement("input");
            submit.type = "submit";
            submit.className = "submit01";
            submit.value= "Valider";
            child.appendChild(submit);
            return submit;            
 
        }
 
        function AddBRInChild(child)
        {
            var br = document.createElement("br");
            child.appendChild(br);            
        }
 
        function AddNBSPInChild(child, n)
        {        
            for(var i=0; i<n; i++){
                nbsp = document.createTextNode('\u00A0');  
                child.appendChild(nbsp);
            }
        }
 
        function UpdateCode()
        {
 
            var index = document.formAddCode.actioncodepromo.selectedIndex;
 
            var div = GetAndEmptyChild("idContents");
 
            var form = document.createElement("form");
            form.setAttribute("action", "index.php4?p=2");
            form.setAttribute("method", "post");
 
            AddHiddenInChild(form, "idtarif", <?php echo $idtarif; ?>);            
            AddHiddenInChild(form, "actioncodepromo", index);
 
            switch(index)
            {
                case 0: // [...]                        
                        break;
 
                case 1: // [...]                        
                        break;
 
                case 2: // [...]                        
                        break;
 
                case 3: 
                        AddTextInChild(form, "Fichier de code (csv) : ");
 
                        var input = document.createElement("input");
                        input.type = 'file';
                        input.name = 'fichierdecode';
                        input.accept='text';    
                        input.size = '20';              
                        form.appendChild(input);
 
                        AddBRInChild(form);
                        AddSubmitInChild(form);
 
 
                        div.appendChild(form); 
                        break;
 
                case 4: // [...]                        
                        break;
 
                case 5: // [...]                        
                        break;
 
            }            
        }

Voici le code PHP que j'utilise pour lire le fichier uploadé dans le formulaire :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
    switch($_POST['actioncodepromo'])
    {
        case "1":   //...    
                    break;
 
        case "2":  //...    
                    break;
 
        case "3": if ($_FILES['fichierdecode']['error']){
                                switch ($_FILES['fichierdecode']['error']){
                                           case 1: // UPLOAD_ERR_INI_SIZE 
                                                array_push ($ERREUR, "Le fichier dépasse la limite autorisée.");
                                           break;
                                           case 2: // UPLOAD_ERR_FORM_SIZE
                                                array_push ($ERREUR, "Le fichier dépasse la limite autorisée.");
                                           break;
                                           case 3: // UPLOAD_ERR_PARTIAL
                                                array_push ($ERREUR, "L'envoi du fichier a été interrompu pendant le transfert.");
                                           break;
                                           case 4: // UPLOAD_ERR_NO_FILE
                                                array_push ($ERREUR, "Le fichier que vous avez envoyé a une taille nulle.");
                                           break;
                                  }
                        }
                        else {
 
                            if ($handle = fopen($_FILES['fichierdecode']['tmp_name'], "r"))
                            {
                                $listeCode = array();
 
                                while (!feof($handle)) {
                                  $line = fgets($handle, $_FILES['fichierdecode']['size']);
 
                                  // [.. traitement de lecture ..]
                                }
                            }
                            else
                            {
                                array_push ($ERREUR, "Erreur lors de l'ouverture du  fichier.");
                            }
                        }      
                        break;    
 
        case "4":       //...    
                    break;
 
        case "5":       //...    
                    break;
 
        default :   array_push ($ERREUR,"Erreur interne.");
                    break;
    }

J'obtiens toujours la derniere erreur resultante de l'echec du fopen

je patoge depuis ce matin .... votre aide sera la bienvenue !

**SpaceFrog** · 15/02/2006, 16h48

après avoir fait le createElement et le appendChild de l'input essaye de redefinir dynamiquement le type du bouton submit de ton form ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('monboutonForm').type='submit'

**firejocker** · 15/02/2006, 17h18

le submit, je le cree dynamiquement avec la fonction AddSubmitInChild(form); apres toutes les creations,
Ca fonctionne nickel avec les champs de type text mais pas avec ceux de type file

**SpaceFrog** · 15/02/2006, 17h29

alors sur le onchange de ton input file renseigne un champ text hidden ...

et le tour est joué ...

**firejocker** · 15/02/2006, 17h31

je vois pas tres bien ou tu veux en venir avec ce hidden ?

comment j'upload le fichier avec un hidden ?

**SpaceFrog** · 15/02/2006, 17h39

ben tu mets un input type hidden dans ta page et tu récupères sa value .. en principe tu peux faire le upload à partir de ça ...

**firejocker** · 15/02/2006, 17h40

jvois pas du tout comment

**SpaceFrog** · 15/02/2006, 17h54

[

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
 
		function GetAndEmptyChild(nom)
		{
            var child = document.getElementById(nom);
            if(child)
            {
                while( child.hasChildNodes() )
                        child.removeChild( child.childNodes[0] );
            }	
            return child;	
		}
 
 
		function AddTextInChild(child, texte)
		{		                            
            var t = document.createTextNode("");
            t.data = texte;
            child.appendChild(t);
            return t;
        }
 
		function AddInputTextInChild(child, nom, value, size, max)
		{
            var input = document.createElement("input");
            input.type = 'text';
            input.className = 'txt01';
            input.name = nom;
            input.defaultValue = value;
            input.size = size;
            input.maxLength = max;              
            child.appendChild(input);
            return input;
        }
 
        function AddHiddenInChild(child, nom, value)
        {
            var hidden = document.createElement("input");    
            hidden.type = 'hidden';
            hidden.name = nom;
            hidden.value = value;
            child.appendChild(hidden);
            return hidden;
 
        }
 
        function AddSubmitInChild(child)
        {
 
            var submit = document.createElement("input");
            submit.type = "submit";
            submit.className = "submit01";
            submit.value= "Valider";
            child.appendChild(submit);
            return submit;            
 
        }
 
        function AddBRInChild(child)
        {
            var br = document.createElement("br");
            child.appendChild(br);            
        }
 
        function AddNBSPInChild(child, n)
        {        
            for(var i=0; i<n; i++){
                nbsp = document.createTextNode('\u00A0');  
                child.appendChild(nbsp);
            }
        }
 
        function UpdateCode()
        {
 
            var index = document.formAddCode.actioncodepromo.selectedIndex;
 
            var div = GetAndEmptyChild("idContents");
 
            var form = document.createElement("form");
            form.setAttribute("action", "index.php4?p=2");
            form.setAttribute("method", "post");
 
            AddHiddenInChild(form, "idtarif", <?php echo $idtarif; ?>);            
            AddHiddenInChild(form, "actioncodepromo", index);
 
            switch(index)
            {
                case 0: // [...]                        
                        break;
 
                case 1: // [...]                        
                        break;
 
                case 2: // [...]                        
                        break;
 
                case 3: 
                        AddTextInChild(form, "Fichier de code (csv) : ");
 
                        var input = document.createElement("input");
                        var Hinput = document.createElement("input");
                        input.type = 'file';
                        Hinput.type='hidden'
                        input.name = 'fichierdecode';
                        Hinput.id = 'FC';
                        Hinput.name='Hfichiercode'
                        input.accept='text';    
                        input.size = '20';
                        input.setAttribute('onchange',function(){document.getElementById('FC').value=this.value;})
                        form.appendChild(input);
                         form.appendChild(Hinput);
 
                        AddBRInChild(form);
                        AddSubmitInChild(form);
 
 
                        div.appendChild(form); 
                        break;
 
                case 4: // [...]                        
                        break;
 
                case 5: // [...]                        
                        break;
 
            }            
        }

Voici le code PHP que j'utilise pour lire le fichier uploadé dans le formulaire :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
    switch($_POST['actioncodepromo'])
    {
        case "1":   //...    
                    break;
 
        case "2":  //...    
                    break;
 
        case "3": if ($_FILES['Hfichierdecode']['error']){
                                switch ($_FILES['Hfichierdecode']['error']){
                                           case 1: // UPLOAD_ERR_INI_SIZE 
                                                array_push ($ERREUR, "Le fichier dépasse la limite autorisée.");
                                           break;
                                           case 2: // UPLOAD_ERR_FORM_SIZE
                                                array_push ($ERREUR, "Le fichier dépasse la limite autorisée.");
                                           break;
                                           case 3: // UPLOAD_ERR_PARTIAL
                                                array_push ($ERREUR, "L'envoi du fichier a été interrompu pendant le transfert.");
                                           break;
                                           case 4: // UPLOAD_ERR_NO_FILE
                                                array_push ($ERREUR, "Le fichier que vous avez envoyé a une taille nulle.");
                                           break;
                                  }
                        }
                        else {
 
                            if ($handle = fopen($_FILES['Hfichierdecode']['tmp_name'], "r"))
                            {
                                $listeCode = array();
 
                                while (!feof($handle)) {
                                  $line = fgets($handle, $_FILES['Hfichierdecode']['size']);
 
                                  // [.. traitement de lecture ..]
                                }
                            }
                            else
                            {
                                array_push ($ERREUR, "Erreur lors de l'ouverture du  fichier.");
                            }
                        }      
                        break;    
 
        case "4":       //...    
                    break;
 
        case "5":       //...    
                    break;
 
        default :   array_push ($ERREUR,"Erreur interne.");
                    break;
    }

**firejocker** · 16/02/2006, 09h48

c'est bien ce que je pensais, le fichier n'est pasd uploadé avec ca, ca recupere juste le chemin du fichier dans $_POST['Hfichierdecode']

**firejocker** · 16/02/2006, 10h23

en plus, l'affectation de la value donne :

Erreur : uncaught exception: [Exception... "Security error" code: "1000" nsresult: "0x805303e8 (NS_ERROR_DOM_SECURITY_ERR)" location: "index.php4?p=543 Line: 527"]

**SpaceFrog** · 16/02/2006, 10h33

je pense qu'il s'agit plus d'un problème php que javascript ...
veux tu que je transfère le post là bas ?

**firejocker** · 16/02/2006, 10h38

nan, en fait, c'est bien un soucis javascript (l'erreur que j'ai donné juste avant est celle de la console javascript)

jai essayé de modifier un peu mon code pour voir ce qu'il se passe, et bien,
il ne semble pas possible d'affecter la veleur d'input de type file :

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
 
var input = document.createElement("input");
                        var input2 = document.createElement("input");
 
                        input.type = 'file';
                        input.accept='text';   
                        input.size = '20';
 
                        input2.type = 'file';
                        input2.id ='fc';
                        input2.accept='text';   
                        input2.size = '20';
                        input.onchange = function()
                                         {
                                            element = document.getElementById('fc');
                                            element.value = this.value;
                                         };
                        form.appendChild(input);
                        form.appendChild(input2);
 
                        AddBRInChild(form);
                        AddSubmitInChild(form);                       
 
                        div.appendChild(form);

le javascript plante à la ligne element.value = this.value;

**firejocker** · 16/02/2006, 10h51

mais s ca marche si je remplace input2.type = 'file'; par input2.type = 'text';

(enfin, j'ai le chemin du fichier)

**firejocker** · 16/02/2006, 13h35

bon, ne te prend plus la tete dans ce code obscure ....

j'ai fais autrement :

je cree tout mes formulaire dans des div differents avec comme style 'display:none;'

et apres, quand je veux en afficher un, je fais :

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
          var index = document.formAddCode.actioncodepromo.selectedIndex;
            var i;
            var content;   
 
            for(i=1;i<4;i++)
            {
                content = document.getElementById("idContent"+i);
                if (i==index)
                {
                    content.style.display = "block";
                }
                else
                {
                    content.style.display = "none";
                }
            }

et ca, apparemment ca fonction autant sous IE que sous Firefox ..... enfin !!!!

**SpaceFrog** · 16/02/2006, 14h05

tu m'aurais directement que c'était un problème d'attribution de value à un inout file je t'aurais tout de suite dit que ce n'était pas possible ... ce serait une grosse faille de sécurité !!!

**firejocker** · 16/02/2006, 14h08

ben moi, tout ce que je voulais c'etait creer un formulaire dynamiquement,
tout fonctionnait sauf lesi input de type file, y'avais pas moyen de recuperer le fichier selectionné par l'utilisateur

createElement input de type file : pb d'upload de fichier

JavaScript

Discussions similaires

Partager

Partager