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