[AJAX] Multi-upload et Ajax

Version imprimable

Voir 40 message(s) de cette discussion en une page

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

Voir 40 message(s) de cette discussion en une page