[AJAX] Multi-upload et Ajax

Version imprimable

23/10/2007, 17h10
Zeo34

[AJAX] Multi-upload et Ajax

Bonjour,
J'ai trouvé ce script qui répond à mon cahier des charges :
- j'ai plusieurs catégories : 6
- je souhaiterais que mes utilisateurs puissent uploader plusieurs images par catégories sans pour autant leur proposer une "usine à gaz" ou un système trop complexe
- ce script a l'air adapté
- plusieurs uploads de photos/images

Lien vers le script : http://digitarald.de/project/fancyupload/

Sauf que je n'arrive pas très bien à l'utiliser, pouvez-vous m'aider ?
Merci par avance,
24/10/2007, 10h03
Zeo34

Bonjour,
Je viens de trouver ce script : http://www.srmiles.com/freestuff/ajax_file_uploader/
Mais je n'arrive pas à le faire fonctionner ...
J'utilise XAMPP sous Windows XP
31/10/2007, 12h37
sculpteur

sculpteur

j'ai pratiquement le meme problème que vous

j'arrive pas à installer fancy upload et je recherche une solution ajax+php qui permet d'uploader plusieurs fichiers sans recharger la page

bon je vous tiens au courant si je trouve la solution
vous aussi
14/11/2007, 00h43
sculpteur

Sculpteur

est ce que vous avez toujours le problème?
si vous trouvez la solution merci de nous faire signe
14/11/2007, 16h26
punkybreizh

Bonjour,

Je rencontre également un problème avec Fancy Upload. J'arrive a uploader des fichier de moins de 2GB mais dès que je dépasse cette taille il met l'erreur suivante (Failed Upload (read/write Error). J'ai pourtant changer mes paramètres dans php.ini mais en vain.

Si quelqu'un avait une réponse à me donner ça serait vraiment sympa.

Pour ceux ou celles qui n'arrive pas à installer Fancy Upload, allez voir le code source de la démo ça aide complètement.
14/11/2007, 18h31
sculpteur

Sculpteur

j'ai pas encore atteins ce stade moi j'ai toujours un probleme dans l'installation

est ce que je dois utiliser le mootools de la page d'exemple ou j'utilise celui proposé pour le telechargement?

je ne sais pas s'il me manque quelquechoses pour faire fonctionner Fancy upload
voulez vous m'aider Monsieur punkybreizh
ça sera mieux si vous nous proposez un lien avec tous les pages dont à besoin la solution fancy.

on pourra par la suite attaquer l'erreur ("faild upload...")
Merci

Faut récupérer le mootools qui est sur leur site officiel.
Ensuite on créé le fichier index.html qui sera de la forme suivante (c'est un exemple) :

Code:

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
 
<html>
<head>
<title>Essai d'upload de fichier</title>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="FancyUpload.js"></script>
<script type="text/javascript" src="Swiff.Base.js"></script>
<script type="text/javascript" src="Swiff.Uploader.js"></script>
<script type="text/javascript">
 
		window.addEvent('load', function()
		{
			var input = $('photoupload-filedata-1');
 
			var uplooad = new FancyUpload(input, {
				swf: 'Swiff.Uploader.swf',
				multiple: false,
				queued: false,
				queueList: 'photoupload-queue',
				container: $E('h1')
			});
 
			$('photoupload-status').adopt(new Element('a', {
				href: 'javascript:void(null);',
				events: {
					click: uplooad.clearList.bind(uplooad, [false])
				}
			}).setHTML('Clear Completed'));
 
			var uplooad2 = new FancyUpload($('photoupload2-filedata-1'), {
				swf: 'Swiff.Uploader.swf',
				queueList: 'photoupload-queue-2'
			});
		});
 
</script>
<head>
<body>
 
		<form action="upload.php" method="post" id="photoupload" enctype="multipart/form-data">
			<div class="halfsize">
				<fieldset>
					<legend>Select Files</legend>
 
					<div class="note">
						Photos will be uploaded in a queue, upload them with one click.<br />
 
						Selected Options: <b>Filetype Only Images, select multiple files, <i>upload queued</i></b>.
					</div>
 
					<div class="label emph">
						<label for="photoupload-filedata-1">
							Upload Photos:
							<span>After selecting the photos start the upload.</span>
						</label>
 
						<input type="file" name="Filedata" id="photoupload-filedata-1" />
					</div>
 
				</fieldset>
			</div>
			<div class="halfsize">
				<fieldset>
					<legend>Upload Queue</legend>
 
					<div class="note" id="photoupload-status">
						Check the selected files and start uploading.
					</div>
 
					<ul class="photoupload-queue" id="photoupload-queue">
						<li style="display: none" />
					</ul>
				</fieldset>
			</div>
 
			<div class="clear"></div>
 
			<div class="footer">
				<input type="submit" class="submit" id="profile-submit" value="Start Upload"/>
			</div>
		</form>
</body>
</html>

et le fichier upload.php qui va bien :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<?
	$tmp = 'temp/';
	if ($_FILES['Filedata']['name'] )
	{
		$file = $_FILES['Filedata']['tmp_name'];
		$error = false;
 
		if ($error)
		{
			header('HTTP/1.0 ' . $error);
			die('Error ' . $error);
		}
		else
		{
			move_uploaded_file($_FILES['Filedata']['tmp_name'], $tmp.$_FILES['Filedata']['name']);
 
		}
 
		die('Upload Successfull');
 
	}
?>

voilà !

15/11/2007, 17h09
sculpteur

Sculpteur

désolé mais ça ne marche toujours pas
j'ai créé les 2 fichiers et j'ai uploadé le mootools du site officiel
dois-je le renommer autrement?

vous parlez bien de ce mootools?
http://mootools.net/download

veuillez me donner plus de details

Merci d'avance
15/11/2007, 17h11
sculpteur

1 pièce(s) jointe(s)

Sculpteur

voila ce que contient mon répertoire
est ce j'ai oublié quelqueschoses?
16/11/2007, 09h39
punkybreizh

Il ressemble a quoi le code du fichier index.html ?
16/11/2007, 11h40
sculpteur

Sculpteur

au debut j'ai utilisé le code de la page d'exemple,amintenant j'utilise votre code
mais ça ne marche pas.
voulez vous nous mentrez une demarche pour pouvoir installer Fancy upload
j'apprecierai bien un lien vers le répertoire qui contient tous les élements de la solution
et je m'occuperai par la suite de faire une demarche detaillée pour le forum
13/12/2007, 10h06
Idleman

J'essaye comme vous d'installer ce script horrible (bien que super tentant) , voila les infos que 'jai pu recuperer a droite et a gauche :

Tutos d'installation proposé par le blog je Galere : http://webdev.jegalere.fr/ajax/fancy-upload-installation/

Chez moi ça ne marche pas , je pense que son code javascript et php est buggué c'est pourquoi a mon avis il faut suivre son tuto mais en prenant les fichier d'exemple de digitalrad :

FancyUpload.js
Swiff.Base.js
Swiff.Uploader.js
Swiff.Uploader.swf
upload.php
index.html
common.css
mootools-release-1.11.js

Bien entendu il faut egalement la page MooTools 1.1 qui contient les classes: Class.Extras
Element.Event
Element.Selectors
Fx.Style
Fx.Transitions

A télécharger directement sur le site de mootools ou sur digital rad dans l'exemple .

Bref une belle merde je vais tester plusieurs trucs et si j'y arrive (je sent que je suis proche du but) je vous fait un vrai tutos qui marche avec un exemple téléchargeable (pour changer) .

Il me semble que la nouvelle mode du Web2.0 soit de vous montrer un truc magique tout en vous empechant de l'utiliser.
13/12/2007, 14h28
Idleman

J'ai reussiiii !! Hourra !!

Bon donc j'ai melangé les exemples , les tutos et les apirateurs a sites pour tenter de cree rune version semblable a l'exemple , puis je l'ai traduit et resumé , voila ce que ça donne :
http://mindcrumb.free.fr/fancyIdle/

Pour télécharger cet exemple et tous les fichiers assosciés a cet exemple , le zip est ICI .

J'espere que ça vous servira et que ça permettra a d'autres de moins galerer que moi .
20/12/2007, 18h06
karimphp

salut moi aussi j'ai réussi a uploder des images avec Francy (merci pour le lien de téléchargement de la bilio ;)) mais je n'arrive pas a généré des miniature au images uplodé
je sais pas si quelqu'un a fait le test mon script de génération de miniature ne s'exécute pas si je le rajoute dans la page upload.php
22/12/2007, 21h01
viktor56

Bonjour, l'avantage premier de ce script est pour moi que l'on peut sélectionner plusieurs fichiers dans un dossier en maintenant SHIFT ou CTRL et puis les envoyer par lot, le deuxième avantage étant les barres de progression,... aucun des deux ne fonctionne chez moi, est-ce que c'est le cas chez vous aussi?

Par contre si vous cherchez un script qui permet avant tout d'uploader des fichiers sans aucune autre fioriture, il en existe un grand nombre bien plus simple que celui-ci...
22/12/2007, 23h24
karimphp

pour moi la barre de progression ca fonctionne comme étant une animation gif toujours effectué avec succeés même que l'uplode ne se fait pas :(
je voi que la progression pas logique
24/12/2007, 16h25
viktor56

Salut karimphp, je voudrais te demander si chez toi, tu arrives à sélectionner plusieurs fichiers en un coups avant de les envoyer et aussi, si tu tests bien ce script en Local. Merci d'avance pour ta réponse.
27/12/2007, 01h13
karimphp

non je n'arrive pas juste un seule fichier par envoi
05/01/2008, 12h52
lelectronique.com

Bonjour,

Après avoir voulu installer ce script j'ai été confronté au même problème que vous ;) j'ai donc récupéré l'archive que vous mettez à dispo à cette adresse http://mindcrumb.free.fr/Fancyupload.zip mais cela ne fonctionne pas sous IE7 avez vous le même problème ?

voici l'url de l'install du script http://www.jlt7.com/boutique/test/upload/2/fancyIdle2/

Merci d'avance pour votre aide
Bon week end
Ludo
20/01/2008, 07h14
viktor56

Bonjour, j'ai essayé la version postée sur "mindcrumb" et je n'arrivais à publier qu'un seul fichier à la fois contrairement à la version de ce script que j'avais découvert dans Joomla...

J'ai donc décidé de me plonger dedans, de supprimer certains fichiers inutiles et d'ajouter la génération de miniatures, il ne fonctionne que sous Firefox (pour le moment).

l'adresse : http://etendard.fr/viktorlebelge/fancy.rar
21/01/2008, 03h19
viktor56

Voilà, j’ai bidouillé les modifications nécessaires pour que ça fonctionne sous IE6 aussi (je ne sais pas tester sous IE7 (pour le moment)), le nom des images est maintenant automatiquement converti en minuscule…

Testé en local et online, il est nécessaire de modifier le chemin (en chemin absolu) dans index.php.

P.S. : Fonctionne avec des images de taille 1280x1024 maxi.
21/02/2008, 08h48
mArT-

Bonjour à tous,

J'ai trouvé vos différents liens sur WebDev également car je cherche à faire fonctionner ce script sur IE (IE6 et IE7). Donc j'ai travaillé avec les fichiers sur le site de l'auteur, et ça fonctionnait correctement pour moi. J'ai juste regardé la source pour voir que si ma barre d'upload ne fonctionnait pas c'était parceque je n'avais pas pris le CSS.

Donc sur Mozilla et Opera le script tourne à merveille. Choix du fichier, affichage du fichier sélectionné puis barre d'upload. Cependant, sur IE c'est le mystère. On choisit un fichier image ça ne réagit pas en mettant le fichier sélectionné comme sur Mozilla ou Opera. A l'upload, pas de barre de progression. Le truc c'est que l'upload se passe bien puisque le fichier est copié mais par contre il n'y a pas cette barre et ça lance une page blanche. Bref, c'est pas le top.

Donc en voyant vos liens "ca tourne sur IE" j'étais heureux mais en fait non c'est pareil que moi pas de barre d'upload et page blanche.

Bref c'est un peu rageant avec cet IE qui me sort par les trous de nez :evilred:
25/02/2008, 17h05
viktor56

Chez moi, ça fonctionne sur IE6... j'ai aussi essayé chez d'autres personnes sur d'autres ordi. Je pense peut-être à la version du Flash Player qui ne serait pas la bonne.
04/03/2008, 17h10
karimphp

merci viktor56 ca ce que je cherche depuis temps la génération des miniatures je vais votre lien
08/03/2008, 04h50
viktor56

Bonjour,

J’ai mis ma version à jour, elle se trouve ici : http://www.charlier-huy.be/viktorlebelge/upload.rar

Elle permet de choisir le dossier de destination, créer des miniatures, écrire dans une base de données (le script de création des tables se trouve dans le fichier « aide.txt »), et enfin, visualiser automatiquement les images envoyées.

N’oubliez pas de consulter le fichier « aide.txt », vous verrez, ce n’est pas compliqué à mettre en place et ça fonctionne.
03/05/2008, 04h37
Scoootch

Bonjour,

Viktor, l'upload se passe bien mais par contre, l'affichage des miniatures donne des vignettes et des images vides à cause du CHMOD 700. Est-ce gênant de les mettre en 777 sachant qu'on pourrait mettre une sécurité htaccess empêchant le listage des répertoires à la racine ?

Sinon, excellent boulot qui me fait gagner un temps fou.

Merci
15/05/2008, 17h00
ParMesSoins

Idleman: Merci pour cette précieuse aide !!! 8-)
22/05/2008, 19h32
popovitch130

Viktor56, chez moi ton script insère bien dans la BDD mais pas l'upload ne se fait pas et je n'ai pas d'erreur apparente ... J'ai bien évidemment testé la version d'origine sans succès
14/06/2008, 01h21
you.baddi

je trouve ce scripte très intéressant mais moi je travail avec struts donc des jsp si quelcun peut me convertire le fichier php en jsp et merci d'avance