[AJAX] Multi-upload et Ajax

**Zeo34** · 23/10/2007, 17h10

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,

**Zeo34** · 24/10/2007, 10h03

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

**sculpteur** · 31/10/2007, 12h37

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

**sculpteur** · 14/11/2007, 00h43

est ce que vous avez toujours le problème?
si vous trouvez la solution merci de nous faire signe

**punkybreizh** · 14/11/2007, 16h26

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.

**sculpteur** · 14/11/2007, 18h31

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

**punkybreizh** · 15/11/2007, 16h49

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 :

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
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 :

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
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à !

**sculpteur** · 15/11/2007, 17h09

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

**sculpteur** · 15/11/2007, 17h11

voila ce que contient mon répertoire
est ce j'ai oublié quelqueschoses?

**punkybreizh** · 16/11/2007, 09h39

Il ressemble a quoi le code du fichier index.html ?

**sculpteur** · 16/11/2007, 11h40

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

**Idleman** · 13/12/2007, 10h06

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.

**Idleman** · 13/12/2007, 14h28

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 .

**karimphp** · 20/12/2007, 18h06

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

**viktor56** · 22/12/2007, 21h01

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...

**karimphp** · 22/12/2007, 23h24

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

**viktor56** · 24/12/2007, 16h25

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.

**karimphp** · 27/12/2007, 01h13

non je n'arrive pas juste un seule fichier par envoi

**lelectronique.com** · 05/01/2008, 12h52

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

**viktor56** · 20/01/2008, 07h14

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

[AJAX] Multi-upload et Ajax

JavaScript

Discussions similaires

Partager

Partager