PHP

barre de téléchargement

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : barre de téléchargement

freed102

Arayashiki

je pense pas qu'on puisse faire ça avec du PHP... Mais savez vous ou je peux trouver un script pour avoir une barre d'avancement de téléchargement (quelque soit le langage).. j'ai cherché un post sur le sujet mais j'ai pas trouvé
Merci ! :jap:

Publicité

RiderCrazy

benh c'est pas possible de faire ça. Ou alors faut faire un refresh (et encore...). php -> server-side [:spamafote]

freed102

Arayashiki

freed102 a écrit :

Code :

<script language = 'javascript'>
function Loadvis(){
dom=document.getElementById("load" ).style;
dom.visibility = "hidden";
}
</script>
<?php
//code
echo"<div id='load' style = 'visibility:visible'<img name='loading'src='loading.gif'</div>";
//code
echo"<script>Loadvis()</script>";
?>

Cela me conviendrait-il ? :sarcastic: :??:

freed102

Arayashiki

RiderCrazy a écrit :

benh c'est pas possible de faire ça. Ou alors faut faire un refresh (et encore...). php -> server-side [:spamafote]

Bah on voit bien parfois cette fonction sur certains sites (Yahoo Mail par exemple pour les fichiers attachés)... c quoi à votre avis ?

RiderCrazy

[:rofl]
interêt du php là ?

masklinn

í dag viðrar vel til loftárása

pour quelle raison veux tu montrer une barre de (télé) chargement?

Et dans Yahoo Mail ca serait pas la barre de chargement de la fenêtre ou un truc du style, plus qu'une barre dynamique au milieu de la page? (genre utilisation du send http)

fb@alphalog

souvent il s'agit juste d'un gif qui defile
les "vrais" barre de progression sont impossible en php

freed102

Arayashiki

Masklinn a écrit :

Bah en fait je vais faire un systeme d'upload de gros fichiers (genre video/son etc etc) alors va falloir faire patienter les utilisateurs pour pas qu'ils croient que le site est planté !

freed102

Arayashiki

et ça... ça ferait quoi ?

Code :

/*
Insérer ce code entre les balises <Body> </Body>
*/
<script language="JavaScript">
var largeur = screen.width;
var haut = ((screen.height/2)+80)/30;
document.write('<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: '+ couleur +'; layer-background-color: '+couleur+'; height: 100%; width: '+largeur+';"> ');
</script>
<script language="JavaScript">
var tps_inter = tps * 10;
var ima2 = "";
var imgsbefore = 0
function pcgbar(pcg) {
var totalbe = imgsbefore + 100
if (pcg < totalbe) {
document.images[pcg].src = ima1;
newpcg = pcg + 1
timerID=setTimeout('pcgbar(newpcg);',tps_inter);
}
else if (pcg == totalbe) {
if (document.getElementById) { // IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
}
if (document.images) {
for (i=0;i<haut;i++){
document.write("<br>" );
}
document.write ('<center><font face="arial" color="" size="2"><b>Veuillez patientez, chargement de la page...</b><font><br><br><table border=1 cellspacing=0 cellpadding=0 bordercolor="#000000" bgcolor="'+fond+'"><tr><td>');
for (var i = 0; i < 100; i++) {
var width= 1 * scale
var imgna = new Image()
imgna.src = ima2;
document.write ('<img border=0 src=ima2; width="' + width + '" height="20">');
}
document.write ('</td></tr></table></center>');
var startpnt = imgsbefore
pcgbar(imgsbefore);
}
</script>
</div>

RiderCrazy

freed102 a écrit :

Bah en fait je vais faire un systeme d'upload de gros fichiers (genre video/son etc etc) alors va falloir faire patienter les utilisateurs pour pas qu'ils croient que le site est planté !

euh... faut faire attention avecle timeout sur un server apache...

Publicité

RiderCrazy

freed102 a écrit :

et ça... ça ferait quoi ?

Code :

/*
Insérer ce code entre les balises <Body> </Body>
*/
<script language="JavaScript">
var largeur = screen.width;
var haut = ((screen.height/2)+80)/30;
document.write('<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: '+ couleur +'; layer-background-color: '+couleur+'; height: 100%; width: '+largeur+';"> ');
</script>
<script language="JavaScript">
var tps_inter = tps * 10;
var ima2 = "";
var imgsbefore = 0
function pcgbar(pcg) {
var totalbe = imgsbefore + 100
if (pcg < totalbe) {
document.images[pcg].src = ima1;
newpcg = pcg + 1
timerID=setTimeout('pcgbar(newpcg);',tps_inter);
}
else if (pcg == totalbe) {
if (document.getElementById) { // IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
}
if (document.images) {
for (i=0;i<haut;i++){
document.write("<br>" );
}
document.write ('<center><font face="arial" color="" size="2"><b>Veuillez patientez, chargement de la page...</b><font><br><br><table border=1 cellspacing=0 cellpadding=0 bordercolor="#000000" bgcolor="'+fond+'"><tr><td>');
for (var i = 0; i < 100; i++) {
var width= 1 * scale
var imgna = new Image()
imgna.src = ima2;
document.write ('<img border=0 src=ima2; width="' + width + '" height="20">');
}
document.write ('</td></tr></table></center>');
var startpnt = imgsbefore
pcgbar(imgsbefore);
}
</script>
</div>

1/ c'est du javascript
2/ c'est pour chargement en down, pas du chargement en up comme tu veux

freed102

Arayashiki

ouai c pas gagné ça encore ! pourtant je vous jure que sur Yahoo mail on voit l'avancement en dynamique de l'upload... avec les pourcentages, les octets qui defilent etc etc.. c tres efficace ! mais alors je suis pas capable de savoir comment c'est fait !

---------------
Freed102

RiderCrazy

freed102 a écrit :

certainement pas du php [:spamafote]

esox_ch

Je sais qu'il y a une fonction php qui envoie le contenu d'une page au navigateur avant que la page soit totalement interprétée coté serveur, je c plu comment ca s'appelle..

freed102

Arayashiki

RiderCrazy a écrit :

certainement pas du php [:spamafote]

http://www.clonecopy.net/freed/yahoo.gif

---------------
Freed102

masklinn

í dag viðrar vel til loftárása

Yahoo Mail ca marche avec Moz/Fox? pq ce sont ptet des ActiveX -_-

file nous le source stp, à voir le SC ca ressemble lourdement à des ActiveX ou des conneries du style -_-

Citation :

Je sais qu'il y a une fonction php qui envoie le contenu d'une page au navigateur avant que la page soit totalement interprétée coté serveur, je c plu comment ca s'appelle..

jamais du PHP n'est censé arriver côté client, excepté à la limite si on empêche son interprétation. stou.
Et commencer à envoyer la page en cours d'interprétation ca ne change rien, ca permet pas de la modifier une fois arrivée chez le client

Message édité par masklinn le 28-07-2004 à 12:42:02

RiderCrazy

esox_ch a écrit :

Je sais qu'il y a une fonction php qui envoie le contenu d'une page au navigateur avant que la page soit totalement interprétée coté serveur, je c plu comment ca s'appelle..

[:wam]

RiderCrazy

freed102 a écrit :

http://www.clonecopy.net/freed/yahoo.gif

1666 min pour 1Mo :ouch:
mais bon, un screenshot ca me dit pas ce que c'est comme code... je pencherai bien pour du javascript ou de l'activeX comm dit Masklinn

esox_ch

Masklinn a écrit :

Yahoo Mail ca marche avec Moz/Fox? pq ce sont ptet des ActiveX -_-

file nous le source stp, à voir le SC ca ressemble lourdement à des ActiveX ou des conneries du style -_-

Citation :

Je sais qu'il y a une fonction php qui envoie le contenu d'une page au navigateur avant que la page soit totalement interprétée coté serveur, je c plu comment ca s'appelle..

Qui a parlé d'envoyer coté client une source PHP. Je dit juste que je suis presque sur d'avoir vu une fonction qui force le serveur a envoyer une partie de l'html au client avant que la fin du script ne soit complétée

freed102

Arayashiki

Masklinn a écrit :

Yahoo Mail ca marche avec Moz/Fox? pq ce sont ptet des ActiveX -_-

file nous le source stp, à voir le SC ca ressemble lourdement à des ActiveX ou des conneries du style -_-

Citation :

Je sais qu'il y a une fonction php qui envoie le contenu d'une page au navigateur avant que la page soit totalement interprétée coté serveur, je c plu comment ca s'appelle..

Voila le source :

Code :

<script type="text/javascript">
<!--
if(typeof top.frames["wmailmain"] != "undefined" ) window.open("http://mail.yahoo.com", "_top" );
// -->
</script>
<noscript>
<META HTTP-EQUIV=Refresh CONTENT="0; URL=/ym/login?nojs=1">
</noscript>
<script type="text/javascript" src="http://us.js1.yimg.com/us.yimg.com/
lib/pim/r/medici/4/mail/mailcommonlib.js"></script>
<script type="text/javascript">
function Remove(index)
{
document.Attachments.action += "&Unattach_" + index + "=1";
document.Attachments.submit();
}
function Done()
{
document.Compose.FName.value = ""; // prevent infinite loop
document.Compose.submit();
}
function AttachMoreFiles()
{
document.Attachments.action += "&MoreAtt=1";
document.Attachments.submit();
}
function VirusScanResults(index)
{
document.Attachments.action += "&VSumm=File" + index;
document.Attachments.submit();
}
var nextHiddenIndex = 5;
function AddFileInput()
{
ylib_getObj("fileInput" + nextHiddenIndex).style.display = document.all ? "block" : "table-row";
nextHiddenIndex++;
if(nextHiddenIndex >= 50) ylib_getObj("attachMoreLink" ).style.display = "none";
}
function KeyPress()
{
if (event.keyCode == 13) {
BeginAttach();
}
}
function UnescapeBackslash(path)
{
return path.replace(new RegExp("\", ["gi"]), "\\" );
}
function GoodMailTo()
{
var version = typeof document.all.ymAttach.Version == "undefined" ?
"Product=1.0.0.0 File=0.0.0.0"
:
document.all.ymAttach.Version;
var required = "Product=1.0.0.0 File=2003.4.16.1";
return CompareVersions(GetVersion(version), GetVersion(required)) >= 0;
}
function HaveMailTo()
{
return typeof document.all.ymAttach.Version != "undefined";
}
function GetVersion(string)
{
var i = string.indexOf("File=" );
if (i == -1) {
return [0, 0, 0, 0];
}
var version = string.substr(i + 5).split("." );
if (version.length != 4) {
return [0, 0, 0, 0];
}
for (var i = 0; i < 4; i++) {
version[i] = parseInt(version[i]);
}
return version;
}
function CompareVersions(v1, v2)
{
for (var i = 0; i < 4; i++) {
if (v1[i] < v2[i]) {
return -1;
}
if (v1[i] > v2[i]) {
return 1;
}
}
return 0;
}
function GetDisplayName(path)
{
var i;
if (
(i = path.lastIndexOf("\\" )) != -1
||
(i = path.lastIndexOf("/" )) != -1
) {
return i < path.length ? path.substring(i + 1) : "";
}
return path;
}
function BeginAttach()
{
if(!GoodMailTo())
{
document.all.stuff.style.display = "none";
document.all.globalbuttonbartop.style.display = "none";
document.all.globalbuttonbarbottom.style.display = "none";
if (document.all.problem) {
document.all.problem.style.display = "none";
}
document.all.progress.style.display = "inline";
document.Attachments.UPL.value = "1";
document.Attachments.target = "asynch";
document.Attachments.submit();
}
else
{
for (var i=0; i<50; i++)
{
var e = document.Attachments["userFile" + i];
if(e && e.value != "" )
{
document.all.stuff.style.display = "none";
document.all.ymAttach.style.display = "inline";
document.all.globalbuttonbartop.style.display = "none";
document.all.globalbuttonbarbottom.style.display = "none";
if (document.all.problem) {
document.all.problem.style.display = "none";
}
window.setTimeout("FinishAttach()", 100);
break;
}
}
}
}
function FinishAttach()
{
for (var i = 0; i < 50; i++) {
var e = document.Attachments["userFile" + i];
if (e && e.value != "" ) {
var path = e.value;
var displayName = GetDisplayName(path);
if (displayName == "" ) {
document.Attachments.Prob.value = "BadFile";
break;
}
document.all.ymAttach.AddFile(path, displayName);
e.disabled = true;
}
}
if (document.Attachments.Prob.value == "" ) {
document.all.ymAttach.Upload();
if (document.all.ymAttach.AttData == "" ) {
document.Attachments.Prob.value = "NoUpload";
}
if (document.all.ymAttach.ResultErrorCode != 0) {
if (document.all.ymAttach.ResultErrorCode & 2) {
document.Attachments.Prob.value = "TotalSize";
}
else if (document.all.ymAttach.ResultErrorCode & 4) {
document.Attachments.Prob.value = "NumFiles";
}
else if (document.all.ymAttach.ResultErrorCode & 32) {
document.Attachments.Prob.value = "BadFile";
}
else if (document.all.ymAttach.ResultErrorCode & 64) {
document.Attachments.Prob.value = "FileSize";
}
else {
document.Attachments.Prob.value = "NoUpload";
}
}
}
document.Attachments.AttData.value = document.all.ymAttach.AttData;
document.Attachments.submit();
}
function Initialize()
{
}
function AsynchReady()
{
window.setTimeout("CopyFromAsynch()", 100);
}
function CopyFromAsynch()
{
if ( asynch == null ||
asynch.document == null ||
asynch.document.body == null ||
typeof asynch.document.body.innerHTML == "undefined" )
{
return;
}
document.body.innerHTML = asynch.document.body.innerHTML;
}
</script>
<script>
function OnLoad()
{
if (
window != window.top
&&
typeof window.top.AsynchReady != "undefined"
) {
window.top.AsynchReady();
}
}
</script>
</head>
<body>
<script type="text/javascript">
function Help(link)
{
window.open(link,"help","width=400,height=500,scrollbars=yes,dependent=yes" );
}
if(document.cookie != "" && document.cookie.indexOf("Fm3BBB" ) == -1) window.open("http://mail.yahoo.com", "_top" );
var newWin=null;
var onscreen=false;
function NewWin(url,name,xpos,ypos,width,height)
{
newWin=window.open(
url,
name,
"screenX="+xpos+",screenY="+ypos+",WIDTH="+width+",HEIGHT="+height+
",location=0,resizable=1,status=0,titlebar=1,
directories=0,toolbar=0,menubar=0,scrollbars=0,status=0"
);
newWin.focus();
onscreen=true;
}
</script>

Message édité par freed102 le 28-07-2004 à 12:55:45

masklinn

í dag viðrar vel til loftárása

ben le JS je doute, il faudrait se reconnecter au serveur et envoyer un fichier du local vers le distant à coup de JS (j'ai comme un doute la) ou alors utiliser un send HTTP avec interception des évènements du send (je doute qu'il en envoie, et je doute au moins autant qu'il soit possible de les intercepter -_-)

ou alors ptet une applet java, je sais pas quelles sont les possibilités des applets (jamais essayé d'en faire)

mais le plus probable c'est que ca soit fait a coup d'activeX

Citation :

intérêt nul, ca permettrait juste d'accélerer l'affichage des pages en cas de traitements complexes

la source que t'as mis c'est la source récupérée au même endroit que celui ou t'as pris le screenshot?

Message édité par masklinn le 28-07-2004 à 12:51:20

esox_ch

A coup d'applet ca serait largement possible, mais suicidaire de leur part etant donné que de loin pas tout le monde possede la virtual machine java installée

freed102

Arayashiki

esox_ch a écrit :

A coup d'applet ca serait largement possible, mais suicidaire de leur part etant donné que de loin pas tout le monde possede la virtual machine java installée

et un ActiveX c propre à IE c ça ?

freed102

Arayashiki

Masklinn a écrit :

Citation :

oui la source c'est là ou ya le screenshot.. j'ai pas mis le HTML qui va avec... mais ce qui est bizarre c que sur le HTML on voit tous les champs type='file'...

Attendez... j'ai ça aussi :

Code :

<object id="ymAttach" classid="clsid:AA218328-0EA8-4D70-8972-E987A9190FF4" style="width:80%;height:100;display:none;">
<param name="Host" value="fr.f416.mail.yahoo.com">
<param name="Request" value="/ym/Attachments?YY=92810&xml=1">
<param name="MaxTotalSize" value="10485760">
<param name="UploadChunkSize" value="256">
<param name="ProgressCompleteColor" value="abcdef">
<param name="BackgroundColor" value="F6F6F6">
<param name="ProgressIncompleteColor" value="F6F6F6">
<param name="TextColor" value="000000">
<param name="TextPleaseWait" value="L'ajout des fichiers suivants est en cours : ">
<param name="TextBytesSent" value="Octets envoyés : ">
<param name="TextETA" value="Durée restante estimée : ">
<param name="TextETACalculating" value="Calcul...">
<param name="TextFormatProgress" value="%1 of %2 (%3%%)">
<param name="TextFormatMinutes" value="%d minutes">
<param name="TextFormatMinute" value="%d minute">
<param name="TextFormatSeconds" value="%d seconds">
<param name="TextFormatSecond" value="%d second">
<param name="CountryCode" value="US">
<param name="TextUploadProcessing" value="Veuillez patienter pendant que Norton Anti-Virus contrôle votre pièce jointe...">
<param name="FontName" value="Tahoma">
<param name="FontPointSize" value="10">
<param name="MaxNumFiles" value="50">
<param name="MaxSizePerFile" value="10485760">
</object>

masklinn

í dag viðrar vel til loftárása

freed102 a écrit :

et un ActiveX c propre à IE c ça ?

ouaip, ya des plugins pour le faire tourner sous Moz/Fox, mais à la base ca sert uniquement a générer des failles de sécurité dans IE :bounce:

Je suis pas un spécialiste des ActiveX (j'en ai jamais fait, je compte pas en faire, les activeX ca pue :whistle: ) mais vue la tronche de ton <object> je vois pas ce que ca pourrait être d'autre

d'ailleurs ca tournera jamais sous Mozilla/Firefox

pascal_

Je viens de faire un test.
Avec Opera, j'ai rien du tout, à part la barre d'avancement du navigateur.
Par contre, sous IE (le 6) il me redirige sur une page où il y a un pauvre gif animé. A la fin du chargemnt, il me redirige alors vers une page...

freed102

Arayashiki

j'ai essayé aussi... c vrai que ça marche pas pareil !.. en fait on voit pas l'activeX

fouinarde

désolé si ça a déjà été dit, mais j'ai as le temps de tout lire, alors voici ce que j'ai fait :

pour un générateur de galerie j'avais voulu faire une sorte de barre d'avancement des upload, j'ai donc fait un script qui "regarde" le nombre de fichier dans un répertoire, et j'actualiste la page avec un meta tag, mais dans cette galerie je connaissais deja le nombre total d'image a uploader donc je pouvais faire un calcul avec le nombre d'image deja uploadées pour voir un pourcentage. on doit pouvoir bidouiller qq chose pour faire la meme chose avec la taille des fichiers.

voilà le code de la page :

Code :

<?
session_start();
if(empty($_SESSION['depart']))
{
$debut = explode(" ",microtime());
$_SESSION['depart'] = $debut[1]+$debut[0];
}
echo '
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<title>Etat d\'avancement</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="15" align="center" style="font.size=\'12\'">
<tr>
<td>
';
if($_SESSION['repertoire'] && $_SESSION['nb_pages'])
{
//calcul du nombre de fichiers zip dans le repertoire - logiciels
/**************************************/
$vrep=$_SESSION['repertoire']."/img/"; // le chemin vers le répertoire à parcourir
/**************************************/
$rep=@opendir($vrep);
$i=0;
while ($nomfichier=@readdir($rep) )
{
// extension du fichier ici jpg
if( substr($nomfichier,-3)=="jpg" )
{
$i++;
}
}
$image = $i-1;
echo '<center><img src="'.$vrep.$image.'.jpg"><br>Thumbnail de la page '.$i.'</center>';
echo "Répertoire de copie des fichiers : ".$_SESSION['repertoire'];
echo "<br>Répertoire de copie des images : ".$_SESSION['repertoire']."/img/";
echo "<br>Nombres de pages de l'album : ".$_SESSION['nb_pages'];
// affichage du nombre de fichiers
echo"<br>Fichiers images générés : $i";
@closedir($rep);
$pourcentage = round( ( $i*100 ) / $_SESSION['nb_pages'],0);
echo '<br><br><b><center>Pourcentage effectué : <font size="36" ';
if($pourcentage == 100) {echo 'color="red"';}
echo '>'.$pourcentage.'%</font><br>
<table width="60%" border="0" align="center" cellpadding="0" cellspacing="0"><tr>';
for($j=0;$j<100;$j++)
{
if($j < $pourcentage) {echo '<td bgcolor="#333333"><img src="trans.gif"></td>';}
elseif($j > $pourcentage) {echo '<td bgcolor="#FFFFFF"><img src="trans.gif"></td>';}
}
echo ' </tr>
</table></center></b></td>
</tr>
</table>';
if($pourcentage == 100)
{
// ajouter un systeme pour bloquer le refresh !
$fin = explode(" ",microtime());
$fin = $fin[1]+$fin[0];
$temps_passe = round($fin-$_SESSION['depart'],1);
echo '<center>Le script a mit '.$temps_passe.'s pour s\'exécuter<br>';
echo '<input type="button" onclick="window.close()" value="Fermer"></center>';
}
else
{
echo '<meta http-equiv="refresh" content="1">';
}
echo ' </body>
</html>';
}
?>

j'espere que ça pourrai t'aider a+

joelan

au lieu de te prendre la tete pour un effet inutile, tu n'as qu'a mettre un ptit message

Code :

echo "attendez svp $monsieur";

et quand t'as finis tu met un message du genre

Code :

c'est fini $merci_et_aurevoir

Message édité par joelan le 05-08-2004 à 13:45:10

---------------
job

pascal_

joelan a écrit :

au lieu de te prendre la tete pour un effet inutile, tu n'as qu'a mettre un ptit message

Code :

echo "attendez svp $monsieur";

et quand t'as finis tu met un message du genre

Code :

c'est fini $merci_et_aurevoir

Et tu fais ça comment ?
Un meta refresh aussi ?

Publicité

FORUM HardWare.fr

Programmation

PHP

barre de téléchargement

Sujets relatifs
Comment cacher proprement la barre de la fenetre win en Plein Ecran ?	Ne pas afficher une JFrame dans la barre des tâches
[Flash] Barre de couleur	Petit pbs pour une barre de progression
C++ Builder & barre de navigation (outlook style)	Automatiser le téléchargement de fichiers de signatures
[Flash] Comment faire une barre de chargement pour mon fla?	[C] Analyser une chaine d'un code barre ?
ajout bouton barre de titre	Problème de taille de la barre de défilement sur iframe
Plus de sujets relatifs à : barre de téléchargement

Page générée en 0.175 secondes