[PHP] Upload et barre de progression

Upload et barre de progression [PHP] - PHP - Programmation

Marsh Posté le 23-03-2004 à 14:37:07    

Bonjour,
 
Je fais un site en php. Jusque la tout va bien. Dans ce site je permet au gens d'uploader leurs videos via une page ou la personne choisi la video à envoyer et qq infos supplementaire qui seront stockés en BDD.  
 
Mon probleme apparait quand la personne upload le fichier car son browser se bloque pdt le temps ou la video est envoyé. Dc je cherche une solution de type barre de progression (mais j'y crois pas trop).
Sinon peut on imaginer de faire confirmer l'envoi du script par une popup et lorsque l'utilisateur valide, seul la popup reste bloquée?
Je sais c'est pas tres elegant.
 
Si qq'un a une meilleur idées elle est la bienvenue.
 
Je cherche egalement du coté de la librairie PEAR HTML_Progress mais pour l'instant sans resultat.
 
Merci

Reply

Marsh Posté le 23-03-2004 à 14:37:07   

Reply

Marsh Posté le 23-03-2004 à 14:48:39    

c pas en PHP que tu fera ca !  
php = execution serveur !
 
par contre t au courant des limites de teilles de fichier pour envoyer des Video ?  
regarde aussi du cote des timeOut en html car ca va jouer aussi !

Reply

Marsh Posté le 23-03-2004 à 14:52:18    

Ok c'est executé coté serveur. Oui au niveau serveur tout est a été parametrer au niveau du script. Les fichiers passent bien. C'est juste que la fenetre est bloquée pendant le temps du transfert dde fichier donc c'est pas top.

Reply

Marsh Posté le 23-03-2004 à 15:28:44    

le navigateur n'est pas "bloqué", il envoie le fichier... [:spamafote]
 
Y'a pas de solution élégante à ton problème. Mais pour faire ça aux problème de timeout, pas le choix de mettre en place un serveur FTP avec des droits
 
parce qu'un vidéo de 50Mo en moins de 30 sec c'est pas facile


Message édité par jagstang le 23-03-2004 à 15:28:56
Reply

Marsh Posté le 23-03-2004 à 15:55:21    

1- Ne pas confondre 30 seconde de temps machine et 30 de temps de transfert.
2- Barre de progression possible avec applet java ou page flash voir activex...


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 23-03-2004 à 15:58:10    

Exemple : http://www.radinks.com/upload/
2ème lien sur http://www.google.com/search?hl=en [...] et&spell=1


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 23-03-2004 à 16:16:13    

JagStang a écrit :

le navigateur n'est pas "bloqué", il envoie le fichier... [:spamafote]
 
Y'a pas de solution élégante à ton problème. Mais pour faire ça aux problème de timeout, pas le choix de mettre en place un serveur FTP avec des droits
 
parce qu'un vidéo de 50Mo en moins de 30 sec c'est pas facile


 
D'accord avec toi le navigateur n'est pas bloqué mais pour l'utilisateur lambda le navigateur "semble" bloqué.
Sinon pour les 30 sec, tu peux le modifier dans le php.ini et dans le script via set_time_limit dc c'est pas un probleme. De plus, je suis sur un reseau 100Mb donc les videos sont tout meme vite transferé (A part quand tu envoi un avi de 300Mo).
 
En tout cas merci pour votre aide

Reply

Marsh Posté le 23-03-2004 à 16:33:59    

bah c'est super simple, tu mets une barre de progression apres validation du formulaire, elle restera jusqu'a ce que la page change...
 

Code :
  1. /******************************************************************************
  2.     Composant de barre d'attente - jsWait
  3.     Vincent Fiack - 18/03/2003
  4. *******************************************************************************/
  7. document.writeln("<div id=\"jsWaitMessage\" style=\"font-family: Verdana; font-size: 10px; text-align: center; padding: 3px; position: absolute; left: 30%; top: 40%; height: 20px; width: 300px; z-index:3\"></div>" );
  8. document.writeln("<div id=\"jsWaitArea\" style=\"display: none; position: absolute; left: 30%; top: 40%; height: 20px; width: 300px; border: 1px black solid; background: #FFFFAA;z-index:2\">" );
  9. document.writeln("<div id=\"jsWaitBlock\" style=\"position: relative; left: 0px; height: 20px; width: 50px; background: blue;z-index:2\"></div>" );
  10. document.writeln("</div>" );
  12. jsWait_defaultInstance = null;
  14. function showWait(message)
  15. {
  16.   jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', message);
  17.   jsWait_defaultInstance.show();
  18. }
  20. // -------------------------------------------
  21. //        Définition du type jsWait
  22. // -------------------------------------------
  24. /**
  25. * Constructeur
  26. * @param name le nom du composant
  27. * @param message le message a afficher
  28. */
  29. function jsWait(name, message)
  30. {
  31.   this.name = name;
  32.   this.message = message;
  33.   this.speed = 10;
  34.   this.direction = 2;
  36.   this.waiting = false;
  38.   this.divMessage = document.getElementById("jsWaitMessage" );
  39.   this.divArea = document.getElementById("jsWaitArea" );
  40.   this.divBlock = document.getElementById("jsWaitBlock" );
  41. }
  44. // -------------------------------------------
  45. //        Méthodes publiques
  46. // -------------------------------------------
  48. jsWait.prototype.show = function()
  49. {
  50.   this.divMessage.innerHTML = this.message;
  51.   this.divMessage.style.display = "block";
  52.   this.divArea.style.display = "block";
  53.   this.divBlock.style.display = "block";
  54.   this.divBlock.style.left = "0px";
  55.   this.waiting = true;
  56.  
  57.   this.loop();
  58. }
  60. jsWait.prototype.setMessage = function(message)
  61. {
  62.   this.message = message;
  63.   this.divMessage.innerHTML = this.message;
  64. }
  66. jsWait.prototype.stop = function()
  67. {
  68.   this.waiting = false;
  69.   this.divMessage.style.display = "none";
  70.   this.divArea.style.display = "none";
  71.   this.divBlock.style.display = "none";
  72. }
  75. // -------------------------------------------
  76. //        Méthodes privées
  77. // -------------------------------------------
  79. jsWait.prototype.loop = function()
  80. {
  81.   myLeft = this.divBlock.style.left;
  82.   myLeft = myLeft.substring(0, myLeft.length-2);
  83.   intLeft = parseInt(myLeft);
  85.   if(intLeft >= 250)
  86.     this.direction = -2;
  87.   if(intLeft <= 0)
  88.     this.direction = 2;
  90.   myLeft = "" + (intLeft+this.direction) + "px";
  91.   this.divBlock.style.left = myLeft;
  93.   if(this.waiting)
  94.     setTimeout(this.name + ".loop()", this.speed);
  95. }


 
inclus ce js dans ta page et appelle showWait('upload en cours') a la validation du formulaire...

Reply

Marsh Posté le 23-03-2004 à 16:49:56    

C'est pas une barre de progression ça, c'est une barre d'activité...


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 23-03-2004 à 16:50:47    

Mara's dad a écrit :

C'est pas une barre de progression ça, c'est une barre d'activité...


 
oui mais le client le sait pas, c'est une feinte pour qu'il attende  :o


---------------
IVG en france
Reply

Marsh Posté le 23-03-2004 à 16:50:47   

Reply

Marsh Posté le 23-03-2004 à 19:01:12    

Merci bcps. J'ai fait une barre d'activité et c'est nikel. Merci a tous

Reply

Marsh Posté le 23-03-2004 à 19:39:06    

en meme temps, suffit de regarder dans le coin du browser pour avoir une barre de progression [:spamafote]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed