Discussion :

[madd63]

Bonjour à tous,

je suis actuelement sur une solution d'upload online en html5 (drag&drop) par FTP.

le problème est de combiner les 2.

L'upload en html5 via HTTP marche, le FTP par formulaire marche.

le probleme auquel je me heurte est que je n'arrive pas a remplir les <input type="file"> ( ce qui pour des raisons de sécurité est normal ) et que je ne vois pas comment remplir avec les bonnes information la variable $_FILES

Si quelqu'un a une idée ! =)

Merci d'avance

edit :

y'a t'il un lien entre :

Code :

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

1
2
3
4
5
 
xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.setRequestHeader("File-Name", file.fileName);
xhr.setRequestHeader("File-Size", file.fileSize);
xhr.setRequestHeader("File-Type", file.type);

et

Code :

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

1
2
 
<form action="" method="post" ENCTYPE="multipart/form-data">

les setRequestHeader() font il le travail du <input type="file"> ?

merci d'avance

[SpaceFrog]

on ne peut pas ...

[madd63]

on ne peut pas ...

on ne peux pas quoi ? :s

[SpaceFrog]

on ne peut pas faire d'upload de fichiers en ajax ....

[madd63]

on ne peut pas faire d'upload de fichiers en ajax ....

bas si,

exemple cette méthode sorti de ce tuto :

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
function uploadFile(file) {
        var xhr = new XMLHttpRequest();
        //on s'abonne à l'événement progress pour savoir où en est l'upload
        xhr.upload.addEventListener("progress",  onUploadProgress, false);
        xhr.open("POST", "/uploadUrl", true);
 
        // on s'abonne à tout changement de statut pour détecter
        // une erreur, ou la fin de l'upload
        xhr.onreadystatechange = onStateChange; 
 
        xhr.setRequestHeader("Content-Type", "multipart/form-data");
        xhr.setRequestHeader("X-File-Name", file.fileName);
        xhr.setRequestHeader("X-File-Size", file.fileSize);
        xhr.setRequestHeader("X-File-Type", file.type);
 
        xhr.send(file);
}

certe l'upload est geré par le PHP, mais envoyé par le jQuery non?

[Bovino]

Cela dit, la norme nouvelle norme n’étant pas tout à fait au point, il est difficile de réaliser quelque chose bien supporté par tous les navigateurs.

Donc les fonctionnalités liées à HTML5 sont à considérer pour beaucoup comme non encore utilisables car pas assez implémentées par les navigateurs et souvent de façon trop diverse.

certe l'upload est geré par le PHP, mais envoyé par le jQuery non?

jQuery ?
PHP ?
Où vois-tu du code jQuery ou PHP ?

je n'arrive pas a remplir les <input type="file">

Ben comme tu le fais remarquer toi-même et que te confirme Spaffy, tu ne peux pas avoir accès avec JavaScript aux informations d'un input file en écriture...

[ABCIWEB]

Un petit détour par ici pour regarder le pourcentage des navigateurs utilisés. Si tu utilise html5 tu as donc tout intérêt à faire une alternative pour ceux qui ne le supporte pas. A moins que ton site soit assez confidentiel et réservé à un nombre restreint d'utilisateurs.

[madd63]

en effet, je n'ai pas besoin d'ouvrir mon site a tout les browser, il s'agit d'une réponse précise. Donc HTML5 n'est pas un problème en soit. ( les fonctionnalités que j'ai implanté en HTML5 fonctionne )

J'ai pas posté le code PHP mais il me permet de gérer mon upload coté serveur.

Pour remplir les <input type="file"/>, c'etait juste une idée, mais je comprend bien que pour des problemes de sécurité c'est impossible.

je reformule donc ma question, comment est il possible de récupérer coté serveur les informations posté par le xhr.setRequestHeader();

Merci à tous de prendre le temps de répondre à mes questions

[madd63]

Problème résolu ( pas forcement tout compris mais ca mache )

pour ceux que ca interesse, ce projet est tres interessant.

merci à tous