Upload + Javascript

Bonjour,

J'ai fais un upload de fichier tout b�te en html / php.

Maintenant, j'aimerais avoir un �tat d'avancement de l'upload du fichier.
Pour �a, j'ai envoy� mon formulaire dans une iframe :

Code:

---

1 2 3 4 5 6

<form name="upload" method="POST" target="moniframe" action="upload.php" ENCTYPE="multipart/form-data"> <INPUT type=hidden name=MAX_FILE_SIZE VALUE=2048> <INPUT type=file name="filename"> <INPUT type=submit value="Envoyer"> </form>

---

Ensuite j'ai un javascript qui appelle une page size.php toute les 750ms pour renvoyer la taille du fichier temporaire.

Tout cela fonctionne correctement.

Le probl�me c'est que je n'ai pas la taille totale du fichier pour faire mon pourcentage et je ne peux r�cup�rer $_FILES['filename']['size'] qu'une fois le fichier sur le serveur.

Donc : Existe-il un moyen d'avoir la taille d'un fichier en js (google � l'air de dire non) ou plus g�n�ralement un moyen par javascript/ajax d'avoir le pourcentage de l'upload ?

J'esp�re que vous aurez une solution :roll:

Merci d'avance.

pas a ma connaissance ...

Mince...

Merci quand m�me d'avoir r�pondu ;)

Pour pr�ciser ma question : Comment free fait sa progress bar sans flash ni java?

http://dl.free.fr

C'est vraiment ce r�sultat que j'aimerais et il ne me manque que la taille totale pour le faire...

un patch sur le serveur apache permettant de r�cup�rer la taille du fichier temporaire ;)

demie r�ponse : ajax upload de base :
http://www.webtoolkit.info/ajax-file-upload.html

cherche un peu dans cette direction tu trouveras des script plus �volu� ^^

Apr�s plusieurs recherche sur google, il semble impossible de faire cette barre de progression juste en php + ajax car on n'a pas la taille totale (point de d�part de mon post)

Il existe une solution en flash gr�ce � FileReference dans Action Script mais cette solution ne m'int�resse pas, idem pour java. En effet, rien de plus �nervant pour un visiteur que d'avoir le plugin java ou flash qui va bien... On veut du natif 8-)

Oui mais en natif (sans plugin) il n'existe qu'une solution, c'est du perl cot� serveur et �a � l'air chaud. Apparement c'est ce qu'utilise free :

Code:

---

window.setTimeout("goajax('/progress.pl?xxxxxxxx')", 1000);

---

On a bien du .pl

Je vais donc me diriger vers cette solution, et du coup je pense ouvrir un nouveau post dans perl/php ^^

Merci pour tout.

Source : http://www.wulab.com/articles/upload-barre-progression.html

salut, bon a force de rechercher, j'ai trouver une solution int�ressante.

Si vous poss�d� une version de php sup�rieur a la 5.2, une librairie est faite pour vous, c'est la lib apc. Cette lib a une variable apc.rfc1867 qui contient toutes les informations utiles : taille du fichier totale, taille d�j� uploader et tout. pour plus d'info http://fr.php.net/manual/fr/apc.configuration.php


Voila, mais mon probl�me reste entier si on a une version php4 et que l'on ne veut pas toucher � la version

effectivement , la avec un retour ajax, tu pourrais pt ... mais en php 4 non :)

utilise un module d'upload flash

Effectivement j'ai trouv� 2 solutions sans passer par perl ni flash ni java.

Ces solutions sont APC ou une extension PHP.

Ces 2 solutions n�cessitent d'�tre admin de son serveur (exit les hebergement free, etc...)

J'ai utilis� l'extension "uploadprogress" de PHP :

1) apt-get install php5-dev
2) pecl install uploadprogress
3) vi /etc/php5/conf.d/uploadprogress.ini
extension=uploadprogress.so
uploadprogress.file.filename_template=/tmp/upt_%s.txt
4) /etc/init.d/apache2 restart

(Un phpinfo() indique que le plugin est install� ainsi que sa version.)

Ensuite un petit coup de ajax toutes les secondes vers une page php qui renvoi toutes les infos de l'upload par la commande

Code:

---

1 2	$info = uploadprogress_get_info($_GET['ID']); var_dump($info);

---

ID �tant un identifiant al�atoire g�n�r� dans la page du formulaire d'upload

Code:

---

$id = md5(microtime() . rand());

---

Pour APC je n'ai pas encore test� vu que cette solution marche tr�s bien.

En esp�rant que �a serve � quelqu'un ;)

pas mal ! tu pourrais �galement la poster cot� php :)