DISQUS

Michael Bailey · 1 year ago

Flash 10 is now a problem - will there be an update to this soon?

Michael Bailey · 1 year ago

nevermind, I see it

asdf · 8 months ago

asdf

Adrian · 1 year ago

KM:

Try this; add the session id to the action attribute in the form, e.g. <form action="myFile.php?PHPSESSID=...">
In myFile.php try this:

<?php

session_start();
session_name($_GET[session_name()]);

?>

This will set the old session name from the first file, should work.

- Adrian

StefanTotoescu · 1 year ago

If you need to use this in ASP.NET, there is a cool implementation in the SharpPieces suite available at http://www.codeplex.com/SharpPieces

Cheers

Nacho Garcia · 1 year ago

Hi Harald, i've just uploaded my website using fancyupload and i have seen this problem and dont know why its happening:
when you visit the website without the www., if i initilized the uploader with the url http://website.com /... doesnt work (cant connect and so its allways 0%), but if i initialized it with the url http//:www.website.com/... it works.

So if i initialize uploader with / without " www. ", users will be able to upload their files when visiting the website with / without " www. " respectively

thanks for your work !!

digitarald · 1 year ago

Check out [cross-domain-policy](http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001621.html) for flash, maybe its a [security](http://www.adobe.com/devnet/flashplayer/articles/cross_domain_policy.html) issue.

Oshik Ernst · 1 year ago

Do you have any version for the asp.net users? (-:
just the PHP part to replace.

digitarald · 1 year ago

You can access the file like the usual uploaded file, the default field name (option *fieldName*) is "Filedata", u can rename it with that option. I added that question to the FAQ.

Stefan Bergfeldt · 1 year ago

Just put this in Page_Load:
foreach (string fileKey in HttpContext.Current.Request.Files)
{
HttpPostedFile file = HttpContext.Current.Request.Files[fileKey];
file.SaveAs(Server.MapPath("/Files/" + fileName));
}

Also you need to modify the Javascript to tell the action of the form, since the ID is made up by ASP.NET

Bodom78 · 1 year ago

Started playing with the script and all worked off the bat locally just the the supplied example.

How can I call some of the other functions like "onSelect" or "onCancel"?

Sorry if it's obvious but I'm not too familiar with Mootools.

Basically I want to call upload when someone selects a file.

Cheers

digitarald · 1 year ago

In the current preview API you have to extend it or edit the class itself (mark edits with your signature so u see what u changed for later updates). Thats you can extend it:

var myUploader = new Class(

Extends: FancyUpload2,

onSelect: function(file, index, length) {
this.parent(file, index, length); // currently not needed, onSelect just contains a debug log
$('big-red-alert').highlight();
}
});

Bodom78 · 1 year ago

Hey Harald,

Thanks for that, I wasn't familiar with extending classes but after some reading around I got to understand it and was able to successfully extend on the Fancyupload2 functions like the example you supplied.

Cheers.

lookatthosemoose · 1 year ago

sorry for the comment spam, here's the code for initializing FancyUpload2 w/ a form as additional data:

FancyUpload2($(‘demo-status’), $(‘demo-list’), {
‘url’: $(‘form-demo’).action,
‘data’: $(‘upload_ticket’), //will convert the form to query string.
‘fieldName’: ‘upload’,
‘path’: ‘swiff/Swiff.Uploader.swf’,
‘onLoad’: function() {
$(‘demo-status’).removeClass(‘hide’); $(‘demo-fallback’).destroy();
}
});

digitarald · 1 year ago

I can clean that up ... [**markdown-documentation**](http://daringfireball.net/projects/markdown/syntax). (btw, disqus allows editing your own comments and you are registered)

Piyush · 1 year ago

This is good. Just an idea can we use Ajax to open multiple http connections and upload the files faster and simultaneously. Please post your comments on this Pros/ Cons.

Marek · 8 months ago

I have a problem with the uploader on Mac (both Firefox and Safari). On my site after I try to uplaod it the over progress goes to 100% straight away and each file has an error in status line: ioError #2038 and when I tested the one on this site I got another error: loading stops on 98% and the status says: httpStatus 301. ANY IDEAS?? :-)

digitarald · 1 year ago

Use the option queued for that and all uploads start at one time. But uploading queued is better for the server health and faster because the connection is not shared. Usually you also resize images or do other resource-eating calculations. Also the client-server connections are limited, to 3-4 connections. Of course simultaneous uploading looks cool, but confusing for the normal user.

Jay · 1 year ago

Harald, I'm having an issue with using callbacks, namely the OnAllComplete callback. I've tried setting passing a "callBacks" object with the onAllComplete callback defined as a function, but that causes something to break (without an error), as the uploader never actually initializes. I also tried passing an onAllComplete to the constructor like you're using onLoad, but that isn't recognized (and nothing within it is used). Any brief examples for using the other callbacks?

digitarald · 1 year ago

Can you paste some more code here, so I can make sure that I understand what you are describing and what code u are using.

killerfaultier · 1 year ago

How I can send POST data with the fileupload?
I user mod_rewrite for my website, so I can't use GET...

I can't find a documentation...

Bist du eigentlich ein Deutscher? Im alten Code waren deutsche Kommentare xD

digitarald · 1 year ago

Use options: data (defined in Swiff.Uploader) or return {data: ...} from onBeforeOpen to set POST data for a single file. I'll add documentation for that later when the API is stable. The .de in the domain is not just camouflage ;)

Bodom78 · 1 year ago

Have not tried it out personally but playing with the demo it worked great for me in FF 2.0.0.14 and IE6/7.

This is a really nice integration of JavaScript and Flash, great work.

jyuza · 1 year ago

First of all, I would like to express my gratitude to all of those who helped each other on the previous version of FancyUpload. Thanks to you guys, specially Digitarald for his tremendous programming skills and for all the time he spends, helping people, like me, with no real knowledge in Javascript.

I was using the previous version of FancyUpload and I am trying to use the brand new one. Right now I got it work, but I had to copy the Mootools.js in the example to make it work because the Mootools version don't work. That was the only problem I had (maybe it will help, who knows).

And here comes the question. Like someone who posted in the comments, I am trying to post Data along with the Files I upload. My problem is that I have a <select> items, and I would like to send Image with the Id I would select in the list of items.

How can I proceed ?

Thank you very much my friends,

J.

jojo · 1 year ago

hello,

Who can explain me how to send POST data while uploading ? Thanks !!!!

jojo · 1 year ago

I see your message "Use options: data (defined in Swiff.Uploader) or return {data: …} from onBeforeOpen to set POST data" but i do not understund what i have to return...

thanks

Jay · 1 year ago

Harald, here's the pastebin:

http://paste.mootools.net/fa929569

(small note, I clicked the reply link under your post, but nothing seemed to happen. Hopefully this shows as a reply to your post, but no guarantees I guess :) )

digitarald · 1 year ago

It did not, and I just "repaired" the reply button. Maybe the disqus people add some admin interface to re-sort the messages, so I can clean up the comments-reply relations :)

At this time you can't give additional callbacks. To override the behaviour, extend the FancyUpload2 class (lets see how markdown works in the comments :D

var MyPhotoUpload = new Class({

Extends: FancyUpload2,

onAllComplete: function(current) {
this.parent(current);
// No alert, its callback from flash, don't make crazy things here because Flash waits for the return
console.log('Done!');
}
});

btw.: Indent your code with 4 spaces or 1 tab for code/pre. This is a test for disqus, if it plays nice with the spaces.

Yoshi · 1 year ago

how can i check if there are upload errors.. no logs written and no file was uploaded but i set the right permission to the folder..

digitarald · 1 year ago

No log and no file, sounds like an invalid path. Check your server log for the request, tell me what FancyUpload shows as report after the upload and eventually [paste](http://paste.mootools.net) the js-code u use.

aqlx86 · 1 year ago

got it working already.. i have a typo error on my scripts. thnx

jyuza · 1 year ago

Good morning everyone.

Again, thanks for your advices I was able to make the data sending work. Now I have another problem related to this data I post to my upload.php.
Actually, I have to select items in a select to get an id and then send the data to the proper item. Problem is the form seems to keep the first value I got from the select, no matter what I select afterwhile.

Is there a way to 'unload' the class ? Or a way to select different data to send ?

Thank yo so much my friends

J.

digitarald · 1 year ago

The data sended is finally build in the onBeforeOpen (you can also change url, method and fileName!) and event, so just make sure that yourInstance.options.data always contains the current data (for FancyUpload2). Like lookatthosemoose pointed out, u can use a form element as option data. I'll add an example for that behaviour when I have the time!

jyuza · 1 year ago

Hey how are you doing ? Thanks for your reply.

I have something like this :

id_evenement = even_s_c.options[even_s_c.selectedIndex].value // my value
myUploadReplacer(id_evenement) // load fancyupload

function myUploadReplacer(x) {
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'data': 'id_evenement='+x,
'fieldName': 'photoupload',
'path': './swiff/Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});

It works, but now I would like to load the uploader at the window.load event. Now I am looking for a way to change this id_evenement without loading it all the time.

digitarald · 1 year ago

Use one upload instance that you create on load, and simply set *swiffy.data = {id_evenement: x};* when you change the select.

jyuza · 1 year ago

Damn.. I am truly sorry for bothering you guys, but I don't understand everything...
I put back the original initialisation of the class so my fancyupload can load at the window.load event but that's it. I am stuck at that instance creation. I just don't know how to proceed.
My apologize to all, my knowledge are quite limites and my english sucks as well.

digitarald · 1 year ago

[paste](http://paste.mootools.net) the code you have and I show u how to reuse the instance. Its really simple, you save, you can still set new options later.

jyuza · 1 year ago

Okay here is the code :
http://paste.mootools.net/f4ab61768

Of course it is not working ^_^

digitarald · 1 year ago

Oh, this thread is getting smaller and smaller :D [This code](http://paste.mootools.net/f5fae69a1) should work.

jyuza · 1 year ago

It won't get any smaller, everything is working just fine. Thanks to you I now understand the use of the callback function.

Harald, you are my savior.

wirrareka · 1 year ago

doesn't work in opera 9.26 / osx leopard, after choosing files nothing happens

digitarald · 1 year ago

I can't reproduce it in opera 9.26 + xp, works fine. Can u check your flash version?

Chris Phillips · 1 year ago

There is a long delay (2 seconds) between the page loading and all images etc displayed and the standard file upload button w/ text entry getting replaced by the widget.

digitarald · 1 year ago

This is because the many javascripts here on the page, including the comments. domready fires after the js is loaded. That is one drawback of unobtrusive javascript, the delay between the page load and the start of the javascript behaviours. When everything is cached its usually faster.

Gines · 1 year ago

Perl script for server side would be nice :)

digitarald · 1 year ago

I added that to the FAQ, access it like a usual upload file.

JOJY · 1 year ago

Hi,
Thanks for making this nice tool. I want to hide upload, browse only images, clear navigation only when upload starts.. can you tell me how will it work? I am trying to this way..
$('upload-button').addEvent('click', function() {
swiffy.upload();
document.getElementById("actions").style.display = "none";
return false;
});
but its not working when user upload nothing and click on upload button.. it hides all the links.. how can I check whether user uploaded file or not?

Thanks

digitarald · 1 year ago

Ok, and what is the element actions? Paste some html markup :)

valdaj · 1 year ago

When adding a 0 byte file the script stop working...

digitarald · 1 year ago

Thx for the report, I'll look into this (maybe I'll call it a validation feature, not a bug :D )

Pretel · 1 year ago

Error: Error #2038: File I/O Error.
at flash.net::FileReference/get size()
at uploader_fla::MainTimeline/valueOfFile()
at uploader_fla::MainTimeline/selectHandler()

Any idea? I have test, and not work...

big bird · 1 year ago

anyone know how to access the files via asp.net? I need to store the file name in a database for each file. Is it even possible to get the filename on the server side? gracias

johnrcornell · 1 year ago

Great. I just spent 6 days trying to integrate this nightmare:

http://blog.joshuaeichorn.com/archives/2006/03/...

With a project I'm working on and now I see this. I searched HIGH AND LOW for this and it never came up. ayayayay

digitarald · 1 year ago

PHP APC upload progress is also a solution but depends on server logic and does not allow multiple selection of files ... I'm glad that u found FancyUpload ;)

Wolfi · 1 year ago

Hello, Thank you for this great progressbar, I like it ! But I need advice.
I would set up this progressbar on one website using a yootheme template (that's mean there is a lot of using mootools).
So when the page is loaded, I have always the inputbox and the button, and when I go at the end of the page, and go back to the form, I ve got the only one 'browse' button as it should be.
There is a difference between firefox and IE:
- with IE / no templates using mootools: no problems
- with firefox / no templates using mootools: I need to go at the end of the page
- with IE / the mootools template: never work
- with firefox / the mootools template: I need to go at the end of the page

I check twice the mootols release was good and now I don't know what I'm supposed to do.
Please, does any body have an idea ?
(ps: sorry for mistakes, I'm french :p).
Thx

digitarald · 1 year ago

Try anonther option for container, an empty element which is next to your input and visible. I thought that the scroll bug is fixed, maybe this is a conflict with another script. Do u have a test page or code?

RedBoy · 1 year ago

Ok, that was a good idea, now it's work pretty fine with firefox.
And about the mootools template, there is no longer conflict, It's fixed ;) .
But now, with the new element, it's no longer work with IE :(
Thx a lot for the firt idea: you're a genius !

Andy · 1 year ago

The showcase doesnt work in firefox 2.0.0.14 ?

digitarald · 1 year ago

Sure it does, check your Flash version.

jyuza · 1 year ago

Hello everybody,

Everything was working just fine until I tried it online. Indeed, I was working on local so far and everything went pretty well.
When I uploaded my website, I just got a Fatal error: Call to undefined function: json_encode() at the end of my uploading list. I checked my PHP version and it seems Json is activated so I don't know what else to do.

Did someone have some problem with Json too ?

jyuza · 1 year ago

Nevermind. My PHP files were loaded through PHP4. Json is available since PHP 5.2.

lookatthosemoose · 1 year ago

Anyone else having problems losing session data when the requesting to the upload script (it's requested 3 time when you upload 3 files, etc. etc.)
I'm creating a database entry (what i'm calling an upload ticket), and then setting a session variable. At the beginning of my upload script, if that session variable is already created, then we don't need to create another DB entry. But I find that session variables are dropped on each request.

Anyone overcome this?

--Eric--

JOJY · 1 year ago

@digitarad .. i am wondering if you can answer the question i asked? Thanks

jyuza · 1 year ago

That's some nice way to ask some help...

What was your problem ?

JOJY · 1 year ago

its right here.. http://digitarald-de.disqus.com/fancyupload_swi...

digitarald · 1 year ago

Then next time reply to the thread ... so we can keep the comments clean ;) I did not answer your question because I did not see enough information and hoped for more information. Thx jyuza for moderating :-)

JOJY · 1 year ago

sorry digitarald, i tried to make it simple.. let me ask again.. what i want to do on the successful completion of upload i want to display a link instead of this text.. "Upload complete!" The link will be click here to manage your pictures.. i know i can set html in fancyupload2.js but how can I set the url?

Can you tell me how can I get the hidden variable value? I will set the url in hidden variable and get it from there..

Thanks

John Postlethwait · 1 year ago

Just in case anyone else is havng problems getting this to work...
Download the version of MooTools used in the demo from this site. I have tried both the trunk and the revision linked to on here and they did not work for my. I got constant "this.parent is not a function" errors from those versions of the mootools library. The solution was to sopy the version found on this site and it worked fine.

digitarald · 1 year ago

What browser did u use and what revision of mootools? I use the latest trunk on my local environment (online is maybe 5 revisions behind) and it works fine.

Ryan · 1 year ago

I'm using Safari 4 and FireFox 3 an get "this.parent is not a function" on line 44 of FancyUpload2.js using MooTools 1.2, just downloaded a fresh copy from their website before this comment.

Michael · 1 year ago

Is there a way to do the option "instantStart" that you had in version 1.0?

Thanks!

digitarald · 1 year ago

Just call upload in your own onAllSelect. I'll add it in a later version.

Michael · 1 year ago

Thanks I will try that :)

Michael · 1 year ago

Hi again,

I added this
'onAllSelect': function() {
this.upload();
},

But nothing seems to fire? Am I also able to use onComplete and onRemove as in the old version?

Thanks!

csuwldcat · 1 year ago

I know this may sound dumb but I did not see the images (green progress bar, currently uploading icon, etc.) in the downloads section. Please give me a shout if you know their local!

digitarald · 1 year ago

The css is visible in the demo, look up the paths there or create your own images. The icons are from the tango icon set.

csuwldcat · 1 year ago

I saw a discussion thread on which mootools version this is compatible for. I am using the 1.2b2 release from the site already extensively on my project, will only the nightly revision dev build work for this?

digitarald · 1 year ago

Does not work with 1.2b2. Its easy to adapt the Fx changes but Swiff is now a real class, not only a function. So its not simple to make them work in both versions.

csuwldcat · 1 year ago

That's weird because I ready a post that Valerio replied to in the forums
not to long ago that indicated that the release after 1.2beta2 would not be
breaking naming conventions and high-level class/element stuff. So 1.2beta2
has Swiff as a function? Why have the 1.2b2 docs been saying it is a
class? Kind of worried now because we have built a good portion of a rather
large site on the 1.2b2 with the idea that the final release would not break
everything is this not true as well??? Any clarity you can provide would be
most appreciated! Thanks digitarald!

- Daniel

playstation_12000 · 1 year ago

thanks for such a great script digitarald....i hav uploaded the script on server but while uploading it gives error : Fatal error: Call to undefined function: json_encode() in /home/www/.../uploader.php on line 57
please suggest what to do...

playstation_12000 · 1 year ago

here is the copy of the upload.php script of my test website http://paste.mootools.net/f329cffc8
plz check and help me solve this json problem

digitarald · 1 year ago

simple answer ... u need php5 for json_encode, but there is also a json class in [PEAR](http://pear.php.net/pepr/pepr-proposal-show.php?id=198).

playstation_12000 · 1 year ago

so that means without php5 i cant use ur fantastic upload scriptover previous versions of php?

digitarald · 1 year ago

Come on, I linked to the PEAR class for PHP4 ... and there are json solutions for every server script language, And you can return everything you want or just a simply "uploaded". Just edit onComplete.

playstation_12000 · 1 year ago

or just guide me how to use this class to make it work on previous php version...i'm new to java

olivier · 1 year ago

just to let you know that I had to change this test in the php file: "if (!$error && ($size[0] < 25) || ($size[1] < 25))" to "if (!$error && (($size[0] < 25) || ($size[1] < 25)))", because if an error already occurred, like filesize being too big, then this test would pass, and would throw the wrong error message, like the image being too small, while it's actually too big. I don't know if it's due to my version of php or what, but now it just works as expected

andyGrant · 1 year ago

Looks great in IE but this demo doesn't work for me in Firefox, version 1-0 worked fine but this shows a basic file field and says the message below.

"This form is just an example fallback for the unobtrusive behaviour of FancyUpload."

Any ideas? Thanks

digitarald · 1 year ago

The old version used Flash 8, the new one 9. That should be the reason for the fallback, or do u see JS errors?

Scoootch · 1 year ago

Hi Harald,

In IE7 and FF2, after a complete upload, there is an error : "Missing file or internal error!"

In Firebug, no errors :
<pre>
Uploader ready!
Browse started.
Checked in file 0/1 "dsc03586.jpg" with 138007 bytes.
Added 1 files, now we have (138007 bytes).
Initialize upload for "dsc03586.jpg".
Upload started.
Starting upload "dsc03586.jpg".
Completed upload "dsc03586.jpg".
Completed all files, 138007 bytes.
</pre>

I don't understand where is the mistake. Can u help me please ?

Thanks

PS : Sorry for my poor english, I'm french

digitarald · 1 year ago

That errors comes when PHP throws an error when seeing the uploaded file and usually means that PHP does not allow the uploaded file size (or POST size).

Scoootch · 1 year ago

Ok Harald but is there an issue to this ? Otherwise, I think it wouldn't work here.

Thanks again

jamesghansen · 1 year ago

I'm having an issue with a server with Fancyupload 1.02. It seems it does not always refresh the screen correctly and I get the original browse button and file input.. LInk: http://www.crshjnke.com/demo/index.php?option=c...

It does get replace when I move the scrollbar down.

Nike · 1 year ago

Hi all,
It works all great, also with classic asp and Persits AspUpload. The only thing I cant figure out is after uploading I get the failed image for each uploaded file (the files did upload!). What does php actually return with: echo json_encode($result); ?? I need to translate that to asp / vbs. Please help..

Anthony · 1 year ago

For those of you using asp.net and specifically vb.net in the back end, this code works:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
For Each fileKey In HttpContext.Current.Request.Files
Dim File As HttpPostedFile = HttpContext.Current.Request.Files(fileKey)
File.SaveAs(Server.MapPath("FileAttachments/") & File.FileName)
Next
End Sub

NineBlindEyes · 1 year ago

How can you limit how many files are selected in this new version?

sim · 1 year ago

yes -one of the options of fancyupload2 class is 'limitFiles: 5,'

NineBlindEyes · 1 year ago

Thanks. I looked all over for that, but for some reason it was not in the version of fancyupload2 that i had. Some how i must have gotten an older version. I downloaded a fresh copy and it is there.

kiwi · 1 year ago

hi, I had a error that (firefox) say :

$extend is not defined
[Break on this error] Swiff.extend = $extend;

Class is not defined
[Break on this error] Swiff.Uploader = new Class({

how i can solve this issue ?

btw, do you have any zip file that contain everything that can working ? maybe I is easy for newbie like me to access it :) (i got a hard time to configure and modify it, but still could not make it work)

neovenjo · 1 year ago

Is there a way to add checkboxes and text boxes beside each file to be uploaded? like if I like to add comments to a file or something? please help! i'll generously donate to your cause if this works

digitarald · 1 year ago

Yes, it is possible. But if you want to hire me, you use the contact form.

neovenjo · 1 year ago

HI Harald,

I sent you a comment hope you read it as soon.

Regards
Benjo

neovenjo · 1 year ago

Im receiving this error in fire bug

Object.toQueryString is not a function
http://localhost/uploader/Swiff.Base.js
Line 76

Everything seems ok, the path to the js files and everything seems complete.. this is for the old fancy upload.

digitarald · 1 year ago

Did you include all needed files, also Ajax (there is the toQueryString method)?

neovenjo · 1 year ago

Thanks harald! its now working perfectly, all I need to do now is adding forms to the list :)

Jason · 1 year ago

Harald,
I'm looking at a photo uploader for our site. I need it to be a part of a form, and I was wondering how I could get the names of the pictures being uploaded and the form data to be tied to the same ID in a MYSQL table when submited?

Can I use your uploader for this? If so, how?

Thanks!

digitarald · 1 year ago

It is possible. I'll add an example for a similar behaviour when I find the time. If you need it very soon and customized, use the contact form to hire me.

sim · 1 year ago

thank you for your great work on fancy uploader.please could you tell us which components of the mootools dev build are not required for fancyupload2,or which are neccessary-whichever is easier.

digitarald · 1 year ago

Ok, rough list: Selectors, Fx.Tween, Fx.Transitions, Swiff, Element.Events ... that should select all necessary files

sim · 1 year ago

plus dom ready :-)
i also included the request classes in my selection -i need to include some ajaxy page updating functions on completion of an upload
now i also have to work out if and how these request classes have changed -or have they merely changed name?-anyway thats a digression from this thread

digitarald · 1 year ago

Nice idea, I'll post a tutorial for Request.

sim · 1 year ago

aha! found the docs hiding at [this url](http://docs12b.mootools.net/Request/Request "mootools 1.2 docs")

neovenjo · 1 year ago

Hi harald, Im very happy that I was able to make the uploader work, but when I tried it in IE6 nothing happens and when I tried clicking the upload button it downloads my uploader.php file.

I tried the showcase in IE and it works on your setup, though I saw a small glitch on the progress bar, but still it works, mine wont.

I also tried ver. 2.0 in IE6, I tried uploading 10 files but it only list 5 files but after uploading the first 5 files on the list, it continues on with the other files but the uploading suddenly stops with the overall progress at 39%

digitarald · 1 year ago

What exact version of IE6 are u using and what Flash version? I checked in my MultipleIE installation and it works.

neovenjo · 1 year ago

Internet Explorer 6.0.2900.2180, Flash version 9... yeah its weird I checked the showcase uploader and it works. Does it have anything to do coz Im accessing it via localhost http://localhost/uploader

digitarald · 1 year ago

Make sure that you always return something from PHP, for a bit Content-length. Also check that the swf (written into option container or injected at the bottom is the document) is visible.

josh · 1 year ago

This is Fantastic, I can't wait to try it out. Please keep up the great work!

BDitty · 1 year ago

I am attempting to integrate this into my site that uses Prototype. Not so much fun. Do you happen to know how this is possible: Mootools with Prototype?

Thanks!

digitarald · 1 year ago

No, sorry, since method-names overlap. I'm also all for one-library-for-one-project, also allows you to understand the full potential of a powerful library like MooTools. It is also simple to convert from proto to moo, so many plugins are already converted and even better, like Lightbox to Slimbox ...

Steve · 1 year ago

Thanks this is a great little script, I have it working well.

Can you please elaborate on the mootools requirement - is 1.2dev needed and which components specifically are required?

digitarald · 1 year ago

Ok, adding that, already is here somewhere in the comments

Lasse · 1 year ago

I tried to set post data via this: http://paste.mootools.net/m1b6e5bd9 - But I get this error in Firebug:
missing } after property list
[Break on this error] id_evenement: sel.options[sel.selectedIndex].value;\n

I can't find the error?

digitarald · 1 year ago

Fixed: http://paste.mootools.net/fa8c65d0 ... only one ; too much, such errors are often hidden in object notations.

EstimFriends · 1 year ago

Hi, I tried your demo, but i can't use it properly.
First, the browser (tested with firefox) doesn't display the following line:
<quote>header('Content-type: application/json');</quote>
As a result, I have deactivated this line of code.
Therefore, the fileComplete function doesn't work and the result is null when the script wants to execute "json.get('return')"

How can I fix this?

supermoos · 1 year ago

I tried to use some code from earlier to get a select box value as the data option, like this: http://paste.mootools.net/m101ac2c5 - But when pressing upload I get an alert message saying "Error"?

digitarald · 1 year ago

The Error is currently thrown when you try to send empty data, string with length 0 ... So make sure that you send something.
I need a new license for Flash, the Version I used for FancyUpload was the 30day trial. So, **donate for more** FancyUpload fixes :-D

supermoos · 1 year ago

The demo doesn't work on one of my computers, it's a macbook pro, when
I test on other macs with exactly the same setup it does work however.
But this one computer doesn't work, even when I boot up in windows and
check both in firefox and IE 7 it fails. There is an alert message
saying "Error". At one time firebug gave me an error with nsSession.js
and something about failing to load the component.
Sometimes it loads the js version of the uploader, at other times it
only displays the fallback form. The "Error" message appears when I
press "Browse"




Den 13/05/2008 kl. 19.04 skrev Disqus:

EstimFriends · 1 year ago

Hi, I tried your demo, but i can't use it properly.
First, the browser (tested with firefox) doesn't display the following line:
<quote>header('Content-type: application/json');</quote>
As a result, I have deactivated this line of code.
Therefore, the fileComplete function doesn't work and the result is null when the script wants to execute "json.get('return')"

How can I fix this?

morcth · 1 year ago

Hello,

I have very little knowledge with javascript. I liked your uploader and set it up on my local server and everything is working great except the errors. If I upload files great than 2 megs, the script.log says error but the icons in the uploader do not change and the error messages dont come up. The icons stay at the picture of the paper with the yellow on the upper right and no message underneath. ANy idea why this would be happening? I downloaded and copied everything twice to see if I missed something but same results. ANy help would be appreciated. Thanks.

morcth · 1 year ago

Tried with both fiefox and IE.. latest versions... same problem. Also, there are no result /success messages under the files either. In the php script i moved the files from the file array to the folder where the script is. Works fine but I just have no success or error messages in the file list. The log works perfectly though.

digitarald · 1 year ago

And u return every time something from the server, no empty response?

morcth · 1 year ago

I am not sure what you mean there. I pretty much grabbed your scripts and am using them exact except changing the location of the images and scripts. Really everything is working perfectly except the error and success message per file uploaded. I read about firebug over here so I downloaded it. I enabled it and ran the scripts.. there was an error but had to rush to make the train so closed up the laptop and went. Missed the train but the laptop is in the car : ) . If I can not figure out the problem myself, I will post the error I saw. Thanks for the help and quick response.

Josh

morcth · 1 year ago

Okay I am going to post the error I received in firebug. I may be able to find out more from firebug but no idea how to use it. When firebug is enabled it keeps showing an error and stopping on line 227 in fancyupload.js

var json = $H(JSON.decode(response, true));

Right there is where file.info gets its value and file-info is not showing up on my page. At least I think that is what it is. In the "watch" area of firebug it says json is undefined and it says response is: "{"result":"failed","error":"Please upload an image bigger than 25px."}\r\n?>"
ANy help would be appreciated. Thanks...

Josh

morcth · 1 year ago

Okay so I did a little digging and I see that on line 227 in fancyupload.js is the line i poseted above. afterward that line there is an if statement checking if response is a success or failure. And then inside the if statement is where the variables get set that I am not seeing.
The line of code is this: if (json.get('result') == 'success') The value of result during this break in firebug is:

"{"result":"success","size":"Uploaded an image (image/jpeg) with 2816px/2112px."}\r\n?>"

So it looks like json.get('result') does equal 'success' But firebug does not stop at the breakpoint I put inside the if statement. Funny thing is firebug doesn' stop at the break point I put in the else statement either. It seems like the code is not going into the if or the else... how is this possible? Using WAMP with php version 5.2.5. Sorry about all the comments. Hopefully this one gave enough info so someone might be able to help me figure this out. Thanks.

Josh

UDaMan · 1 year ago

It seems like this uploader doesn't work on IE7

udaman · 1 year ago

Does anyone make this uploader work on IE7? I can run this on FF but not on IE7

Michael · 1 year ago

Hi, when trying FancyUpload 2.0, files are being checked/uploaded via backend script, however I do not get any feedback shown in the browser:
- in your demo an icon changes, error or success message appears below the file
- in my case icon changes during upload to uploading.png, but then turns back to original icon file.png and no error or success message is shown

Could you tell me in which direction should I look for the solution?

Thx!

morcth · 1 year ago

Hey Mike,

I am having the exact same problem as you. Everything works but the individual file status and I get the normal and uploading icons but no others. If you find the answer please post it here.

muellerraphael · 1 year ago

you have to activate JSON when you download mootools. before i had the same problem.

morcth · 1 year ago

Thank you! That saved me a lot of time and I do not think I would have ever checked the moo tools download. Harold you should add JSON to the list of what options you need to add when you build your mootools download. Thanks again. Great script here.

mvan · 1 year ago

Hi, I tried the Fancy upload 2 and I face the following behaviour:
- files are successfully uploaded and checked, however the feedback statuses of the uploaded files in the queue are not shown, e.g. no error / success message is dispalyed below the file name in the queue, nor icon is changed to the uploaded / error icon as it works in your demo.

Tested locally (ms win) and on the server (linux), FF 2.0 and IE 7.0

Could you try to help me in which direction to look for the solution?
Thanks!

muellerraphael · 1 year ago

you must download mootools with JSON activated ;) thats it.

mvan · 1 year ago

When trying to upload I get the following error:

http://picasaweb.google.com/vanovcan.michal/Upl...

Does not appear with FancyUpload v1. I am connected through t-mobile wireless broadband card.

mvan · 1 year ago

Hi Harald, please remove this comment. I've found the error is most likely related to the workstation security restrictions. This st...id Disqus system does not allow to edit-remove my own comments (how anybody can use it...?) Thx.

digitarald · 1 year ago

Some people use it because they are too lazy to delete all the spam and to write a backend for comments ;) Of course its not perfect.

muellerraphael · 1 year ago

in the list of MooTools JavaScript Framework 1.2 what you have to check bevore download, there's JSON missing.

now its working fine, just with prototype it doesn't :(

nagaozen · 1 year ago

Hi digitarald, congrats for this ninja work XD

I wrote a tutorial teaching how to implement it using ASP. You can find it at http://zend.lojcomm.com.br/entries/tutorial-sta...

digitarald · 1 year ago

Great work nagaozen, I'll add it to the resources!

ParMesSoins · 1 year ago

Hi!
I see your message “Use options: data (defined in Swiff.Uploader) or return {data: …} from onBeforeOpen to set POST data”
Could you post an exemple, a Doc, a link ... for more help ;O)
Merci !

tonci · 1 year ago

can someone tell me how exactly aditionla data works (everything - how to add in javascript, how to add in html and how to get in php)

tonci · 1 year ago

can someone tell me how exactly aditional data works (everything - how to add in javascript, how to add in html and how to get in php)

Nacho Garcia · 1 year ago

Hi again,
im trying to use the session variables with fancyupload but even if i pass the sessionID with GET and restart session with sesion_id(), i cant retrieve variables.

Also, it seems that i dont need to pass the sessionID because if i do

session_start();
$response = session_id ();

i can see the sessionID,

of course i'm missing something, what can i do to use the session ?

Ciccio · 1 year ago

Hi, in MooTools 1.11 modules list you have forgotten "Ajax" ;)

Ciccio · 1 year ago

In the "Queued Photo Uploader" you miss the "submit" button!

digitarald · 1 year ago

Its nice that you read my whole site ... I fix it ;)

gosunvietnam · 1 year ago

I am doing Fancyupload. When i open my website. Button "Browse file" no show. I fresh again website, it's show.

digitarald · 1 year ago

Check the container option, that its a visible element. What browser do u use?

Mr. Sang · 1 year ago

You can speak more detail. Or you can upload images to config. Because when i read code, i don't know it. I don't config it. Thanks sir.

Carl · 1 year ago

Can you tell me how to dynamically the upload directory preseted in the file selection dialogue?

digitarald · 1 year ago

You can simply call `myInstance.setOptions({url: '/new-one'})`. Or use `onBeforeOpen` to set a url for each file.

supermoos · 1 year ago

I use firefox 2.0.0.11, and safari 3.1 on mac. When I press browse in your demo, I get this javascript alert: "Error", so the demo seems to be broken? At one time I also got an error message saying something about nsSession.js, failed to load component/component error?

digitarald · 1 year ago

More version infos please: What flash player version?

Supermoos · 1 year ago

On mac it's 10.0 beta, on windows it's just 9

digitarald · 1 year ago

Maybe its that beta, can u check with 9 on mac?

M1TroN · 1 year ago

While selecting too much files than in default value uploader uploading all files being selected...

digitarald · 1 year ago

Like, hidden uploaded files that are not in the list?

M1TroN · 1 year ago

Yes...i have already rewrote it...and now have no problems with it...
Just rewrote onSelect function

onSelect: function(file, index, length) {
var errors = [];
if (this.options.limitSize && (file.size > this.options.limitSize)) errors.push('size');
if (this.options.limitFiles && (this.countFiles() >= this.options.limitFiles)) errors.push('length');
if (!this.options.allowDuplicates && this.getFile(file)) errors.push('duplicate');
if (!this.options.validateFile.call(this, file, errors)) errors.push('custom');
if (errors.length) {
setTimeout(function() {document.getElementById('startupload').disabled = false;this.removeFile(file);return false;}.bind(this), '100');
}
(this.options.fileCreate || this.fileCreate).call(this, file);
setTimeout(function() {document.getElementById('startupload').disabled = false;}, '1000');

this.files.push(file);
return true;
},

rptleyob · 1 year ago

So I have problems once in a while with

`if (this.files.length && this.options.instantStart) this.upload.delay(10, this);`

and

`upload: function(options) {
var ret = this.parent(options);`


Where in the scope of the upload function "this" refers to the function that called, as opposed to the parent object. (Maybe the delay function is binding it to "this" instead of passing it as the argument?) Changing the original line listed to the code below fixes the problem, but obviously removes options from the upload function. I don't actually get why this is happening, but I thought I would point it out.

`if (this.files.length && this.options.instantStart) this.upload.delay(10, this);`

rptleyob · 1 year ago

Err.... the corrected code for me is:

`if (this.files.length && this.options.instantStart) this.upload();`

And to clarify the problem I was describing - Firebug gives the following error:

'this.parent is not a function
upload(Object options=Object) FancyUpload2.js (line 149)
delay()'

digitarald · 1 year ago

Maybe you can upload a test case, I can't reproduce the problem. I added the upload delay, to prevent race conditions, since upload calls flash, and onAllSelected is also a callback from flash ... results in flash calls flash. What browser did u use, do u use the latest mootools version?

fran · 1 year ago

hi,

v1 and v2 are looking like out of order in IE 7 actually
perhaps before it was run no ?
are u ok with that ?
thanx

marclar · 1 year ago

Hi, Harald -- this is excellent. Very nice work.

One question: I have a multilingual site and it looks like I can easily change some of the text, but it seems that other bits of text might be hard-coded in the .fla. Is there a way to set the text using JS or parameters, or will I have to edit the source .fla?

Thank you . .

digitarald · 1 year ago

mh, there is no text inside the fla. Eventuelly it throws exceptions when u provide wrong types of arguments, but thats usually during development and good for you ;) . All output is defined in the JS-classes or the DOM.

marclar · 1 year ago

Great -- thanks so much for the reply; this will make my life a lot easier (and I promise to make a donation as soon as I get it online :)

Ronan · 1 year ago

Hi , i've got an "Out of memory on line 18" error , though it was working , i restarted my PC , the same !!!

digitarald · 1 year ago

And what Browser / Flash Version?

webz · 1 year ago

hi, i'm using now the scripts for fancy upload for v1.11 and it works good, but when i tried to change the types for the files to be accepted such like .html and .rar when i browse the file it doesn't show when i browse it is there anything i need to work on it?

digitarald · 1 year ago

How does your change look like?

webz · 1 year ago

by default the acceptable type is the image file then i try to change the it to accept html and rar files but when when i browse the site it doesn't show any supported files.

sim · 1 year ago

Here is an example on how to allow various file types

$('filup-browse-all').addEvent('click', function() {
swiffy.browse({'Supported Filetypes':'*.doc;*.txt;*.pdf;*.xls;*.mp3;*.jpg; *.jpeg; *.gif; *.png'});
return false;
});

$('filup-browse-files').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png','Audio (*.mp3)':'*.mp3','Documents(*.doc,*.txt,*.pdf,*.xls)':'*.doc;*.txt;*.pdf;*.xls' });
return false;
});

sim · 1 year ago

cannot seem to edit my comment to format it nicely :(

webz · 1 year ago

thank you for your comments, i'm using the v1.0 fancy upload and within the initialization there is already by default value type of upload files, after i declare the file type i want it show the on the browse dialog box which support html and rar as what i want but when i click the support type select box it show the image files which supposed would not, so it doesn't replace the default value on fancy upload type but i only append the supported files, is there anything i need to work on?

sim · 1 year ago

here is a snippet of code for verion 1 fancy upload
this code goes in fancyupload.js -but you can override these options when you instance the class
var FancyUpload = new Class({

options: {
url: false,
swf: 'Swiff.Uploader.swf',
multiple: true,
queued: true,
types: {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png' ,'Documents(*.doc,*.txt,*.pdf,*.xls)':'*.doc;*.txt;*.pdf;*.xls','Archives (*.zip,*.rar)':'*.zip;*.rar)','Audio (*.mp3,*.wav)':'*.mp3;*.wav)','Supported Filetypes':'*.jpg; *.jpeg; *.gif; *.png;*.doc;*.txt;*.pdf;*.xls;*.zip;*.rar;*.mp3;*.wav;' },
limitSize: false,
limitFiles: false,
createReplacement: null,
instantStart: false,
allowDuplicates: false,
optionFxDuration: 500,
container: null,
queueList: 'photoupload-queue',
onComplete: Class.empty,
onError: Class.empty,
onCancel: Class.empty,
onAllComplete: Class.empty
},
etc...
Also-i recommend Read the flash file object documentation for details
FileReference (flash.net.FileReference) - Version 9 -linked above

Funkyus · 1 year ago

Hi everybody!

I'm trying to extend to others supported file type.

I used the code above in my newClass.

I'm able to browse files and choose any file type as specified in the .as but after launching the upload, only the images file type are uploaded.
Others file type return a 500 error.

Is there any parameters i've missed ?

Thanks

albert · 1 year ago

Hi
please, I try this but for me not work; just upload the jpej images. I have fancyUpload2 and all work, just want to allow more filetypes
Can I have to change more parameters in other files ?
Cheers

Boris · 1 year ago

Hi.I have to ask you- how I can send and another no file data?For example I have to use this upload script for online shop- and evry product have unique Id , and I have to send this information to store in mysql- new row for new image and in product row actual id for this product.I try- with <input type="text" name="test" value="test"> inside between <form> tags but with your example I can send only file-data.Thanks in advance if you can give me a answer.

M1TroN · 1 year ago

find file Swiff.Uploader and find there upload function... Below you can see how to add new parameters to your base...
upload: function(options){
var current = this.options;
var alb = document.forms['form-upload'].elements['alb'].value;//parametr of form "<input type="text" name="alb">
options = $extend({data: current.data, url: current.url+'?album='+alb, method: current.method,fieldName:current.fieldName}, options);
if ($type(options.data) == 'element') options.data = $(options.data).toQueryString();
return this.remote('upload', options);
},

Eric Koh · 1 year ago

try this:

var qs=$('theform').toQueryString();
... url: current.url+'?'+qs

Gabe · 1 year ago

It says it uploaded the file successfully, but I have no idea where it uploaded it to. Where in the code to I specify an upload location?

Thanks
Gabe

digitarald · 1 year ago

oh come, on just edit the PHP file!

JsusSalv · 1 year ago

Can someone point me to a ZIP I can download? The above .SWF and .FLA files, when downloaded, don't contain anything. Thank you for your help!

digitarald · 1 year ago

I thought about adding a ZIP support to the whole project management ... when I have the time :)

JsusSalv · 1 year ago

That's awesome Harald. I apologize for bugging you about this. Is there another link I can visit to download the .SWF and .FLA at least? I thought that it was my Opera browser not downloading properly. I tried in Firefox and IE but the files don't seem to contain anything. I know my Flash is working. :)

veLo · 1 year ago

Hey, I'm using your script here: http://marcelsauer.com.dd7820.kasserver.com/_UP...
But when you choose a file and upload it, it doesn't appear on the server although there's the message: Completed.
Where could be the problem?

digitarald · 1 year ago

Maybe you need a server side script to save the file ... but thats just a guess. I'm sure you don't want Flash to have write-rights on your server, and the PHP Script I provide does only log the upload. But I'm sure that u checked that, did u?

webz · 1 year ago

hi harald, i would like to ask if it is possible that i could submit as well some post data? like on hidden file within the Fancy Upload?i use the v1. 0 which is compatible for mootools v1.11, but when i tried to get the post data aside on the flash file it didn't pass on the that area? any thoughts? thanks

digitarald · 1 year ago

No post data for 1.0 because it depends on Flash 8 and not 9 with AS3.

webz · 1 year ago

i see but i can use get method?

digitarald · 1 year ago

sure, just add the things u need to the url, but it only works 100% when u set the url during initialize.

omer · 1 year ago

C'mon I am trying to fix this script but it is not working...

Firstly, I will say my documents I have got;

*FancyUpload2.js, Fx.ProgressBar.js, mootools-trunk.js,photoqueue.css,Swiff.Uploader.js,Swiff.Uploader.swf

So it is still not working,,,,I am going to be mad...Hey my brothers,,have you got ant zip file or explain it please!!!
my messenger address omer.ozer08@hotmail.com

digitarald · 1 year ago

Maybe you should link to the site, so I can see what u did? Otherwise I'm for hire and can include it for you.

omer · 1 year ago

http://www.ozelnakis.com/imageUpload/ it is website....okay my first problem..it is not working in my local anyway..my second problem is that I didn't find where file saved ...if you could help me , i would be very glade...thank you very much

kexh · 1 year ago

when the file upload to server, it store in tmp location. you need to configurate php.ini value upload_tmp_dir set to a dir! after the file upload to tmp location, it will disappear! so you need to move the file to some location using: move_uploaded_file

go check php.net, it have more detail!

xvolter · 1 year ago

Is it possible to cancel an upload in progress? As to, when the click 'Remove' in the middle of an upload, it will stop the request entirely instead of just failing the upload process on the backend. Then, likewise, if they cancel, is it possible to resume the uploading for the file? More like a pause upload, resume upload feature.

Nacho Garcia · 1 year ago

i made it work with this:

1.- Add this line at the end of removeFile function in SimpleUploader class:
if (this.files.length>0) this.upload();

2.- Edit Swiff.Uploader.swf and change this line of removeFile function:
if (!instance.fileList.length) instance.uploading = false;
with this
if (!instance.fileList.length || instance.uploading) instance.uploading = false;

digitarald · 1 year ago

Do you have the changed files somewhere? My flash license expired ... waiting for donations to refresh it.

Nacho Garcia · 1 year ago

i mail them to you

Stephan · 1 year ago

I've got everything working fine accept the class file-failed is always applied, even when the upload went fine.

Uploader ready!
Browse started.
Added 1 files, now we have (163 bytes).
Initialize upload for "fancy_bar.gif".
Upload started.
Starting upload "fancy_bar.gif".
Completed upload "fancy_bar.gif".
Completed all files, 163 bytes.

But still the error failed.png shows because of the file-failed class. Any clues why this happens?

Anton · 1 year ago

works great! thanks!

i had "this.parent" problem, but solved it by including js-files in right order:
`<script src="/js/mootools.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/Swiff.Uploader.js"></script>
<script type="text/javascript" src="/js/Fx.ProgressBar.js"></script>
<script type="text/javascript" src="/js/FancyUpload2.js"></script>`

And my question..
If I click "Browse" and select 6+ files, there is only 5 first files going to download.
Can i increase this number from 5 to 20 for expample?

p.s. sorry for bad english. hope you understand me :)

Anton · 1 year ago

I've tested version 1.0. there are no problems with upload 10-15 files

digitarald · 1 year ago

My fault, I forgot the default option.

Anton · 1 year ago

Solved! Sorry, it was my fault :)
I've set option 'limitFiles': 'false' and its works!

THANKS!

kiran · 1 year ago

I would like to use Fancyupload in my site.. But i got stuck with ajax. I have a div elelmnt whish is loaded from ajax response by clicking on some button and some other data is rendered with the data. I nned to give an image upload facility in that page.. But the javascript not executing... How can i use fancy upload in Ajx response...

digitarald · 1 year ago

Use Ajax event onComplete to add FancyUpload, not a big deal.

M1TroN · 1 year ago

Hi! When clicking on "browse images or files" in Firefox 2.0.x & Opera, appears windows error message with content: The instruction of address 0x00000 called to memory 0x00000.....etc;

What does it mean?
P.S: Flash player 9 installed.

digitarald · 1 year ago

If u are on Linux, update Flash? If not, I have no explanation for that weird message.

Tristan Hughes · 1 year ago

Hi there.

I'm having troubles implementing this. http://ftw.net.nz/~tristan/ajax/ is where I've set it up however whenever a file is uploaded, no log is written (script.log exists and IS writable by apache) and it returns "httpStatus 404".

I'm wondering where I've gone wrong here?

I've tried making script.php look like:

<?php

if (isset($_FILES['Filedata']) )
{
$file = $_FILES['Filedata']['tmp_name'];
copy($file, 'files/');


die('Upload Successfull');
}

?>

However that doesn't work either.

digitarald · 1 year ago

Use an absolute url in your form-action. 404 tells you, that the request can't find the target-url.

Tristan Hughes · 1 year ago

Thanks mate. Appreciate it. Now to get the server hosts to install PHP5 :(

digitarald · 1 year ago

No need to, there are several JSON classes for PHP4 (ref. google). Also you can return anything you want from your serverside, when you use the option fileComplete to provide your own function.

Rohindra · 1 year ago

arghhhhh
i've been trying to get this for the past 6 hours!

http://sandbox4.xtremediaonline.com/testing/upl...

and it just doesnt work...the swf file doesnt load...

i'm using firebug and i get the following errors also:

1.) Swiff is not defined
Swiff.Uploader = new Class({

2.) $ is not defined
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {

3.) Class is not defined
[Break on this error] var FancyUpload2 = new Class({

------------------------------
i'm about to go nuts as nothing will work...absolutely nothing...and i've tried everything ...i've even ripped the exact files from this site and still wont work...

i know i'm doing somethign wrong.. but just dont know what...
maybe someone can point me to it?

would be very appreciated :)

Rohindra · 1 year ago

ok...it works now...turns out it was a server setting that was giving me 403 error on one server and 406 on another....used the 403/406 fix mentioned above :)

digitarald · 1 year ago

Very descriptive error messages I think: Download MooTools not only with Core.js but with the modules listed above.

Rohindra · 1 year ago

ok it was mootools indeed...mine was compressed and i think it was missing something that was required...

but now i'm getting it to select the files...but just says "upload failed (403)" when i hit the upload button...

any suggestions on that one there?

Quinlan · 1 year ago

Sounds like you either have the path to the mootools library wrong or you don't have the mootools library. In any case, all those classes are defined in mootools, you should check it out.

devilryu386 · 1 year ago

It worked perfectly fine on mozilla firefox then when i check it on IE 6 it got errors or conflict with the javascripts...
What do you think was the problem with IE 6? Flash version? any suggestions?

digitarald · 1 year ago

Post a test site, so I can debug with my IE6?

devilryu386 · 1 year ago

why is that my reply didn't showed up?

devilryu386 · 1 year ago

here's my test site http://halaka.cyberiloilo.com/fancyupload/

Aníbal · 1 year ago

Hello.
Please anybody answer me.
I visited this website http://marcelsauer.com.dd7820.kasserver.com/_UP...
I copyed everything, and i put here http://www.solidumeditora.com.br/testes/ And this still don't work. What is happening?
HELP PLEASE.

devilryu386 · 1 year ago

is your script.php the same folder or directory with your main html file?

digitarald · 1 year ago

Use an absolute url ... and what is in script.php (Remove the logging, just move the file somewhere).

Ben · 1 year ago

Hi,

I had this all working at one point and now things have stopped functioning. I moved all my sites to a new server and I changed to apache 2 during the move and am wondering if that has anything to do with the problem. When you select any number of files and tell it to start uploading the status bar changes to "Uploading" for the first file but never changes from that point on. Despite the bar never moving it does actually upload the first file, but only the first file. I just downloaded the latest versions of all the scripts and the swf thinking that might have something to do with the problem, but it didn't fix anything.

Here is the URL of a example unloader that will show you the problem:

http://johnandrosemaryand.mikeandcordelia.com/c...

Any ideas?

digitarald · 1 year ago

Try with disabled javascript, and you'll see that the serverside-script does not return content. Flash needs some content-length in the response. Debugging the server-side is usually easier with disabled javascript (that's why its so useful that FancyUpload is unobtrusive)

devilryu386 · 1 year ago

sorry forgot to read about the markdowns.

Mr.Sang · 1 year ago

Hi,
When i used FancyUpload. Buttom Browes File no show on internet explorer 7. I don't know why. You can fix it.

Radoslav · 1 year ago

I have a very strange problem with small files- Here is my bin
http://pastebin.com/m24a1e90a
What happend- I upload images, resize and create 3 different copies after checking dimmensions, and write in mysql in two places- first one array with all images, and second row in images table.
What is the problem? If I upload 7-8 small files my browser send images VERY fast, and script overwrite the string and add files names more times- I try to ignore that with in_array checking but nothing... Please give me your opinion- The script run very fast with small files, how I can set delay or anything order- I try with delay parametr in js files but nothing ;(...

Radoslav · 1 year ago

Solved!!! New generation script for file name - Unix time + Random = Really Unique Name !!!
Once again- your upload script is simply amazing!!!Respect , and Best Regards Harald - GOD bless you!!!! :)

lukus · 1 year ago

I am unable to get version 2 to run on Safari 2.04. I get parse errors with mootools-trunk-1553.js. If anyone has this working on Safari, can you tell me what mootools version you are using or whether you had to change anything else? Thanks.

Peder · 1 year ago

Hi!

This looks like a great tool, but installing it is driving me nuts. There are different versions of all the files out there and nothing seems to work. After trying to get this going for about twelve hours, this is the error I now get when I click on a link with the given swiffy.browse event attached:

obj has no properties
var rs = obj.CallFunction('<invoke name="' + fn + '" returntype="javascript">' ... (in mootools line 2884)

The version you use in your code is 1548, however, trunk 1555 is the one at the official site.

I've tried using an absolute path to the swf, the open file dialog is just never shown.

You can see my test site at http://test.racecar.rayon.no/admin/movieUpload.php

Any help would be appreciated!


- Peder -

KM · 1 year ago

Hi,
Is there any additonal way to pass data to PHP script except cookies? Ive tryed to send some data (session id) through form input but it didint worked. $_POST['my_input_name'] is empty in destination PHP script. Main problem for me is that in PHP start_session function is generating new id, diferent than file from which im sending data.
Thanks for your help in advance.
Regards - KM

Jakub Anderwald · 1 year ago

Hi,

I'm trying to implement it, but there's always some problem in mooTools.

Currently it's

__flash__argumentsToXML is not defined
http://localhost:51596/UploadTest/mootools-trun...
Line 2950

Any ideas?

digitarald · 1 year ago

You did not wait for Flash to load (onLoad).

Peder · 1 year ago

1) Has anybody made it work with the current revision of Mootools (1555)?

2) I case r1555 is bogus, can anybody point to a campatible download of the files.

Peder · 1 year ago

To answer my own question, yes, it seems to be working with r1555. This site: http://halaka.cyberiloilo.com/fancyupload got the whole thing up and running with the the current revision (or at least it appears to be this way by looking at the source). That might be a reference for other programmers in distress. Me, I'm throwing in the towel because of the flash 9 constraint.

For others out there, this is what I propose:
(*) Provide ALL working files locally on this site, that way one won't create situations with file revision inconsistencies.
(*) Create a step-by-step tutorial where parameters to the functions are decribed instead of just "referring to studying the code". Make sure things as "flash 9 is required" and "json_encode is dependant on at least PHP 5.2" is thoroughly documented.

I guess most people have problems getting things up and running. From there they can play around with configuration to get what they want. Whoever runs this forum, putting in a few minutes of work doing this will probably SAVE you lots of work in the long run since you wouldn't have to answer all the "obvious" questions. Not to mention the houndreds of combined frustrated hours of developers trying to work with different revisions and partially undocumented code. Apart from that, the application has a nice interface and works great as long as you run it on flash 9.

devilryu386 · 1 year ago

did you tested it on IE 6? that's only my problem in has a js errors im still debugging this, still busy with other stuffs... btw im using ftp upload...

digitarald · 1 year ago

ftp upload with FancyUpload? Not sure if that is supported, pushing files on ftp with Flash.
All nice ideas Peder, I'll make it when I earned my food with client-work, then I can spend days and weeks on updating my free downloads here, so happy users will donate 2 times a month because they see what effort of time goes into this project.
Right, I should add Flash 9 to Requirements (but its already in Compatibility). The PHP script is just an example ... and still people just copy it and ask why their uploads are not saved. So I'll not document it more since nobody reads it. I don't use this example, I have framework in all my apps with more complicated code and validation. I never just move files to a directory, I can't provide an example that people can copy and reuse for their projects. Moving an uploaded file should be no problem for PHP devs, also encoding some JSON as response ... same skills required.

devilryu386 · 1 year ago

hmm... but its the php that does the uploading right? i've already used it ftp upload just the php script though need more time debugging js... here's the link with a upload logs http://halaka.cyberiloilo.com/fancyupload/

Eyerule · 1 year ago

Hey Harald,
I've been working on a framework and use FancyUpload2 as a part of it.
I want to report an IE bug - actually don't no whether it is a bug or a misuse (--,)
The problem is about the upload queue .. I've just take a screen shot and explain the whole problem on, hope you check it out..
Here is the link for the screen shot:
http://itkallem.com/wp-content/uploads/2008/06/...

Thanks for all this great work..

digitarald · 1 year ago

I'll fix that with a minor update this week ... just change the limitFiles option ;)

Eyerule · 1 year ago

okay .. just want to explain it to be sure there is no misunderstand.. the screen shot shown that i limit files with 5 of them, and it's supposed to upload only 5 files not the 120 ;)
thanks again (^^,)

Avence · 1 year ago

i hope it will be available very soon ;)

KM · 1 year ago

I found out that script is not working on my entire academical network hub (around 80 PCs) because they dont have installed flash player 9+. Im wondering how many more such PCs are there which cant handle it. After few hours ive figured out that its flash problem, not user privilages on computer or antivirus software blocking something or browser/config issues. Some popup alert with info about bad flash version would be helpful for future. Just for information my PCs have flash versions 6 and 8, windows xp with SP2. They are working fine and i dont see why normal users would have to uprgade them just to use download based on this script - so watch out people using it or at last add backup mechanism for standard upload.
My question : is there any chance to get it working with flash 6 or above but not only 9+? Its seems to be big problem in usage of this script. You cant just say 9+ is standard go use it, uprgade, because as you can see you will find ppl like me with 80+ PCs in network which cant use it.
PS. Sorry for my english.

digitarald · 1 year ago

Flash 9 has about 95% penetration. Of course old university pcs and big company pcs are always greedy because of firewalls and outdated software and restricted automated updates. That's why you HAVE TO code unobtrusive (just like the example shows) when you want to support uploads for ALL your visitors. `new FancyUpload` returns false when Flash is not found AND onLoad does not fire when it does not load properly. That's why you should replace the backup-upload-interface in onLoad. I'll not popup for old versions, you can check Flash Version in MooTools `Browser.Plugins.Flash.version`.

boppes · 1 year ago

Hi,

I'm facing some serious problems implementing this very fancy gadget.
I've set up an test site http://www.mediclassshop.eu/devellopment/fileup...
(just a little bit of space that's from a friend of mine)
I've done the follwing:

downloaded Mootools 1.11 (full version)
downloaded all the files listed in the instruction.
they are stored here: http://www.mediclassshop.eu/devellopment/fileup...
I also set up the script.php file and a script.log file (with read/write permissions)

Next I've changed the location of all the files.

I've Used FireFox 2.0 and IE7 for running the script, but neither are working.
Can anyone see/say what i'm doing wrong?
I read something about absolute paths and disable javascript, but i'm not quite sure how to do these things?

Thanks in advance!

Bob

boppes · 1 year ago

It works!
Firebug, a gift from heaven (A)

boppes · 1 year ago

Ehm, there is a slight problem,
One I selected the items, it is not possible to remove them, because nothing is showing.
I do not want the picture, but just the text: Remove

How can I achieve this?

TNX

digitarald · 1 year ago

Use the latest version (2.0), its more stable and support is a lot easier for me.

tripdragon · 1 year ago

For rails and Merb or just plain loop for i. Is there anyway to get this to reload the page when it's done ?

digitarald · 1 year ago

Use the onAllComplete event to refresh or fire an ajax request.

Agustin · 1 year ago

Hi there Harald :)
I implemented FancyUpload and it's working sooo great!
Except for Safari on Mac. It's not posting any file to the server. The Request.Files collection always returns empty on Safari (it should return N where N are the uploaded files).
Any comment on this issue?
Thanks! Cordially, Agustin.

Agustin · 1 year ago

I want to add some observations:
- I'm getting an HTTP Status 302 response when uploading any file.
- The post seems not to be reaching the server at all, the aspx file receives no request from the FancyUpload.
Any clue?

digitarald · 1 year ago

Do you use an absolute url? 302 usually shows that there is something wrong with the url. Do you return a response from the server? Do you try to detect a flash request or use the same upload code for all uploads?

Agustin · 1 year ago

Jeez ! I think I realized what's the problem!
302 is a page moved or a redirection.
The Uploader file is hosted in a folder that requires authentication.
When the flash uploader sends an unauthenticated request to that file, the server redirects to somewhere else (login page).
Thus, the flash uploader never reaches the right upload file and keeps borking an httpStatus 302.
Thanks for your support Harold!
Cordially,
Agustin

Agustin · 1 year ago

Yep, got it working on Mac Safari too. The issue was the Uploader being hosted in a protected folder.
Flash never received the right response because the server was preventing it from reaching the uploader in the protected folder.
It would be great we could preserve session state. I think it will never be able as long as we work thru the flash uploader, right?
Thanks and good bye! Agustin

epchris · 1 year ago

I seem to have everything working, but have a small problem. This happens with the demo on this page too. The flash app (I think) seems to make Firefox hang for a time proportionate to the size of the files being uploaded as soon as you click on the upload link.

Any idea what's making this happen? If you choose a set of images that hits the 4mb size for a total and then hit upload, my browser is hanging for quite a while.

epchris · 1 year ago

Actually, it looks like the flash app is causing firefox (3rc1 in linux) to hang for each file while the file is uploading....any idea why that's not happening async?

digitarald · 1 year ago

Its Flash and totally internal, you can only show a message to the user to ensure that he waits a bit. Flash + Linux is and was always the unloved child of Adobe.

epchris · 1 year ago

That's unfortunate to hear. Do you have any other ideas in mind how you could accomplish the same thing and avoid the delay? Any possibilities without flash (I understand what it's doing and that file uploads with AJAX aren't really possible)? The problem is that the whole browser hangs, you can't even switch to another tab.

digitarald · 1 year ago

Does this freezing happen on all your test browsers on several machines?
Other solutions: Java Applet (even allows drag+drop), PHP + APC Upload (only progress, no multiple-file-dialog), hidden iframes (no progress, no multiple-file-dialog).

Elephantman · 1 year ago

Hi there, and thanks for your great job !

I'm fighting quite a bit here with onBeforeOpen. My goal is quite basic : pushing 2 text attached to each file.

To add the form fields for each file I've added a couple of these :
new Element('input', {'type': 'text', 'name': 'titre', 'id': 'titre', 'class': 'inputbox', 'maxlength':'250', 'size': '25', 'value': file.name}))
in the fileCreate function of FancyUpload2.js.

To pass my variables I've tried several things, but I'm probably wrong all the way as my understanding of the option syntax is quite limited.
I've tried to use the example you provided jyuza with but I get a "swiffy is not defined" error.
I've also tried to put a onChange action in the form field, and then run a function that will set the options for swiffy, but it can't access my function either.

Can I have a quick syntax sample to push my variables to onBeforeOpen ?

Thanks,
Have a nice day !

Elephantman · 1 year ago

I've been trying around this solution that feels nearly there but still not working :
http://paste.mootools.net/f591d1f1

I get a "Type Error".
My url generation works if I put it out of onBeforeOpen and an alert in onBeforeOpen proves that i'm going through that event.

Any clue to get the url to be used ?

digitarald · 1 year ago

wow, thats not even real javascript in that function ;)
`'onBeforeOpen': function(file, options) {
options.data = {'test': file.name};
return options;
}`

Elephantman · 1 year ago

Thank you very much for your answer, but ouch, your reply gives me just the part of the answer I had already figured out, and that I tried to workaround by passing the info in the url :p

How do I collect the data in my upload.php ?
As I dont understand this piece of the process I've been poking around things like $_POST['data'] $_POST['test'] $_FILES['photoupload']['data'] $_FILES['data'] $_FILES['photoupload']['test'] $_FILES['test'] but with no success. What's the good way to catch the variable ?

Thanks again :)

salnajjar · 1 year ago

For people trying to get the 1.0 version working and who are banging their heads on a brick wall because the flash won't display. In the example it doesn't show any CSS code, and you actually do need a CSS stylesheet to get it to work.

To test, then simply put this line in the head section of your html code:
<link rel="stylesheet" type="text/css" href="http://digitarald.de/project/fancyupload/1-0/assets/example.css" />

Once you've managed to get it working you can copy the CSS to your local site and tune as required.

Hope this helps others out as it was driving me nuts.

Seri

digitarald · 1 year ago

If anybody hotlinks my files, don't cry when I move them ;) . But I'll add the note to the download section.

Fred · 1 year ago

Hi, first off, thank you for your hard work. We do appreciate your time and efforts. So I have this setup and all is fine in IE6 and IE7 but in Firefox I get the dreaded securityError Error #2038. I have tried everything I can think of and then some. I have done numerous searching and nothing seems to work. It's almost as if nothing is ever sent to the server, I have several tools for dumping http headers and such on the browser and when I click upload, I see nothing. I have tried specifying an absolute url, I have added the port (443), I have created a crossdomain.xml file, and even imported the certificate into my browser as a trusted site. Still noting. If you have some time can you assist me with this? I would really appreciate it! Thanks.
Fred.

digitarald · 1 year ago

So you try to upload via https? You added the port to the url and added the [cross-policy](http://www.powersdk.com/ted/2005/11/using-flash-player-under-https-with.php) file? Then it should work :/

Fred · 1 year ago

Yes I did all that. It works great with IE6/7 but not FireFox. Not sure where to go from here, would love to use this script, looks great and I love the fact that it can be styled with CSS. Would be more than happy to donate if we can get this working.

webz · 1 year ago

Hi harald, i just trying to work on this fancy upload v2 as i'm using the v1.2b2 mootools, but what i've notice is when i try to include the moo v1.2b2 version there error appears on firebug so i follow your link which point on the trunk version. so i would like to know is there any difference on the trunk and on v1.2b2? for now i delete my v1.2b2 moo tools library and i used the trunk but i would like to know that if there is any conflict or diffference between the two, i try to used the same library on fancy and my other classes which i made.

Second thing, may i know where to find the 500 httpstatus error?

thanks

digitarald · 1 year ago

Trunk is close to release, differences are mainly in the arguments for Fx.Tween::start. 500 usually means that the server threw an error, maybe htaccess or some script error. Try to upload without fancyupload to the same url and see what happens.

maddox · 1 year ago

Hi and thanks for a wonderful script. I've been developing on this little project of mine were I use FanceUpload. The only problem is that it dosent work in IE (6,7 or 8 Beta). It works perfectly fine in FF and Opera. When I say that it dosent work I mean that the Browse input wont change. Its just as normal.
The only errors that I've got from IE is:
"FancyUpload' is undefined" on the line were this code is:
var upload = new FancyUpload and so on...

Do you know whats wrong?
You can visit my site at http://dump.slicx.com
Im hoping you can help me :)

digitarald · 1 year ago

Try to include the FancyUpload.js after the Swiff files. Also your page should be a bit more valid (closing body tag!).

maddox · 1 year ago

Validated the site now and included the FancyUpload.js after the swiff files, but still the same problem. Thanks for helping!

den · 1 year ago

How did you fix that problem ?!

maddox · 1 year ago

I diden't. But I was mixing version 1 and 2 I think. So I did it all over again, but I followed this:
"Getting FancyUpload to Work"
http://www.rioleo.org/getting-fancyupload-to-wo...

webz · 1 year ago

Thanks a lot for your guide @ sim, i will try your suggestion, but once i pass the session_id and get the put the session_start() ; can i get the value which i previously declare on session? anyway, i will inform you what i get this.. thanks a lot :)

andreotti · 1 year ago

HI,
How can I change the directory of destiny of my uploaded files???

Thanks

andreotti · 1 year ago

Hi,

How can I change the directory of destiny of uploaded files???

Thanks

Charles Dorner · 1 year ago

I've been getting "securityError": "Error #2038" for specific image file uploads. When the image is resaved in a different format, or a different resolution, it seems to work. Any reason specific file data might trigger this?

Charles Dorner · 1 year ago

Could it be the flex error mentioned here?

http://weblog.cahlan.com/2006/09/uploading-file...

Mike Golding · 1 year ago

Everything works here and I want to use some of the newer features.

v2.0
# Added: Set POST and GET data for the upload request

Is it possible for an example of adding POST data. e.g. I want to send a manually specified post date from another field on my form that will be used to generate a path to store the images, any example of attaching more POST data to be sent with the file uploads is what I'm after.

Cheers!!

sim · 1 year ago

if you have a form for more data with id of 'form_extra' then add this line in the options of your FancyUpload instance
'data':$('form-extra'),

for example
var swiffy = new MyFancyUpload($('filup-status'), $('filup-list'), {
'url': $('form-filup').action,
'data':$('form-extra'),
'fieldName': 'fileupload',
'limitFiles': 1, //single file only
'path': 'js/Swiff.Uploader.swf',
'onLoad': function() {
$('filup-status').removeClass('hide');
$('filup-fallback').destroy();
}
});

the data from your form will be in the $_POST array available in the upload handling file

sim · 1 year ago

try again with formatting



if you have a form for more data with id of ‘form_extra’ then add this line in the options of your FancyUpload instance
‘data’:$(‘form-extra’),

for example

var swiffy = new MyFancyUpload($(‘filup-status’), $(‘filup-list’), {
url’: $(‘form-filup’).action,
‘data’:$(‘form-extra’),
‘fieldName’: ‘fileupload’,
‘limitFiles’: 1,
‘path’: ‘js/Swiff.Uploader.swf’,
‘onLoad’: function() { $(‘filup-status’).removeClass(‘hide’);
$(‘filup-fallback’).destroy();
} });


the data from your form will be in the $_POST array available in the upload handling file

Mike Golding · 1 year ago

sim - many thanks. That worked and oh so SIMPLE I'm kicking myself for not thinking of it first. I tried so many other more complicated ways ;-) All credit to wonderful class I guess. Thanks Harald. So now it simply meant adding a new form to my HTML page with a name="form-extra" with the same action and then I modifies the upload clck action to check for no files and submit the form-extra form as normally when there are no file nothing will be submitted even of the extra POST data is specified. Maybe that's an option that can be added to the class in the future. My modified onclick for the upload is as follows...

<pre>

$('demo-upload').addEvent('click', function() {
if (swiffy.getFileList() == '') {
console.log("upload clicked but no files");
$('form-extra').submit();
}else {
swiffy.upload();
}
return false;
});

</pre>

Gwen · 1 year ago

Hi,
tried the Sim's solution, but it doesn't work, the $_POST array doesn't have the value of my extra input, which i create each time i choose a file to upload.
So an input (name="test" and id="test") is created when i choose a file, then i tip in a value and i hit "upload" (submit if you want) but then the $_post['test'] is empty! while i added ‘data’:$(‘test’), in the fancy-upload class...

i don't understand what i did wrong
thx by advance, the version 2 is so nice :)

Mike Golding · 1 year ago

Gwen, I got sim's example to work. It looks like you are trying to send the input only. Put your input into ANOTHER form with a different name, say form name=”form-extra” put input field inside that and then set 'data':$('form-extra'). It works fine for me and $_POST contains all the fields on 'form-extra'.

Dave · 1 year ago

Great script my friend, got it working perfectly, but just one thing. I am trying to stylize the actual <input type="file"> and have come across a solution. It works when I take out the "name="Filedata" id="demo-filedata" code, but obviously the script will not work without it.

Is there a workaround for this? When I leave that code in there, the stylized button lays BEHIND the button generated from the script. Can I just disable that button somehow?

Thanks,
Dave

niranjnn · 1 year ago

Hello Harald,
Congrads for your Great work!!...
Do work on the documentation - "how to use". It will be really helpfull for everyone.
Regards
niranjnn

Emil · 1 year ago

More or less copy/pasted your work. Still no succes

Emil · 1 year ago

To be more specific:

#1
Class is not defined
FancyUpload.js
Line 37

#2
FancyUpload is not a constructor

Line 31

Emil · 1 year ago

Sorry, spaming a little here.. Seems to be working after I commented out this line in Swiff.Base.js (??):
if (props.params) append.push(Object.toQueryString(props.params));

Also needed to rearrange the order the files are loaded in:
<script type="text/javascript" src="mootools-release-1.11.js"></script>
<script type="text/javascript" src="Swiff.Base.js"></script>
<script type="text/javascript" src="Swiff.Uploader.js"></script>
<script type="text/javascript" src="FancyUpload.js"></script>

Lee · 1 year ago

Hi,

I am getting this error, and was hoping someone could help.

this.parent is not a function - this.parent(options);

rakesh · 1 year ago

Hello All,
I am able to install the fancy upload , and upload is working fine. But i dont see the progress in the progress bar. I am not able to find those files like
assets/failed.png
assets/success.png
assets/uploading.png
assets/file.png
assets/progress-bar/progress.gif

and I hope placiong these file progress.gif in the respective paths should fix the problem of the progress bar not displaying. Please shed some light on this matter.

Thank you.
Rakesh

Bindu · 1 year ago

you can get those files like this..
go to http://digitarald.de/project/fancyupload/2-0/as...
right click and save image as

andreotti · 1 year ago

HI, I need to send the photos with a category, someone method fot do this?

thanks

Avence · 1 year ago

Hi Digitarald,
do u have fixed the IE bug with the limitFiles option ?
thx a lot

beunwa · 1 year ago

Nice work !

I'm using firefox 3 beta5 on ubuntu and I have trouble using your showcase, it seems like files upload first (making freeze firefox) then the uploads bar moves ...

beunwa · 1 year ago

Seems to be a bug on Flash 9 for linux, can not handle properly flash file upload. :(

mfk · 1 year ago

hello,

i still don`t understand how to send my $_FILES info to the action="" file. can somebody help with me, with that session :P

my form is like this:
<form id="uploadform" action="test.php?SESSID=so23jm3ub520ul59p9rikm03a7" method="post" enctype="multipart/form-data" class="jNice">

and on test.php i put:
$sessionid=isset($_GET['SESSID'])?$_GET['SESSID']:null; if (!empty($sessionid)) { session_id($sessionid);} if( !isset($_SESSION) ) { session_start(); }
deg($_FILES);

what i do wrong ?

ps: deg is my function with "<pre></pre>" and i have in my config.php a session_start();

gaston · 1 year ago

the script is not working with mootools 1.2 final

**firebug error**
[ this.status has no properties
[Break on this error] this.overallTitle = this.status.getElement('.overall-title'); ]

asd · 1 year ago

dasdas

Wjnesbitt · 1 year ago

I'm using the Joomla component Seyret video (which uses FancyUpload) and I am constantly getting the 403 Upload error. I attempted to disable mod_security as instructed (the web host says that it is already disabled) and I get a 500 internal error when I enter the commands:
SecFilterEngine Off SecFilterScanPOST Off
My permissions are correct, also. Yet I still get the 403 error. Is there something I need to edit in FancyUpload? Does it accept video uploads?

digitarald · 1 year ago

It accepts every file u need. 403 sounds like the security error and the 500 like u can't change these values in the .htaccess (allowoverride disabled?). Can you check your server logs?

Wjnesbitt · 1 year ago

I will check those. The funny thing is that the .htaccess file is completely blank. It's whenever I attempt to add anything to it that I get the error. Then again, the same thing would happen when I had a different .htaccess file.
This 403 error has been eating away at me for a couple of months. I'll check the server logs. Thanks, digitarald.

Wjnesbitt · 1 year ago

Could there be anything else causing the 403 error?
The server log really doesn't tell me anything.

Konstantin · 1 year ago

Dear Harald,
Thank you for your script!
I need to insert two or more FancyUpload forms on a single page dynamically. Equal IDs do not allow the script to work properly. Could you please advice how can I quickly do this?
Thanks

KCJ-pop · 1 year ago

I don't know why Swiff.Uploader.swf could't be loaded. I tried absolute path and relative path, but it didn't work. Pls take a look at my site >>> ttp://www.whatismanga.com/fu/

Bindu · 1 year ago

Try including the Fancyupload.js after Swiff.Uploader.js..Order matters!!

KCJ-pop · 1 year ago

It still doesn't work T___T I don't know why...

KCJ-pop · 1 year ago

Sorry for my stupid but my code worked :D I had a mistake when giving the swf path. Thank you very much indeed, Bindu. >:D<

n8Dog · 1 year ago

ive DLd all the files..tossed them into a DIR, and it doesn't work. Can't this be zipped up? Do all the files have to be pathed according to this implementation? This is frustrating.

n8Dog · 1 year ago

When the form finishes loading, the Browse File entry field is still there.. and when I Add a File, nothing happens. When I click Upload, it says it's Successful.. but of course the initial "fanciness" ain't workin'

All files are in the root of a DIR. All paths to JS and CSS's are set appropriately. The SWFs are there.... looks like everything should work... but it's not. :(

deviL Ryu · 1 year ago

post your test site if possible. so others can help you. just allow images on upload, for your server safety.

DV · 1 year ago

Little problem
Hi, FancyUplad look very good. Usefull and easy as is possible. I copied all of code in example and everything is good. I am using it on my localhost. When i press UPLOAD upload really starts, but I can not see uploaded files in directory :-) Can someone help?

rakesh · 1 year ago

Hello Harald,

I am not able to make the progress bar work. where can i find the files uploading.gif , progress.gif etc?. Please help. I am stuck at this point with no progress for some days now.

Thanks in advance for the help
Rakesh

frosty · 1 year ago

1. i really like this fancyupload as compared to the previous version: good work!

2. everything works great except attempting to upload files larger than 1MB causes long delays, with larger files completely timing out (and sometimes crashing the browser). this is true for FF 2.0 and IE 6.0. uploading files without this kit works MUCH faster

3. you cannot read page 3+ in these comments, since the link for "Next" and "Last" don't work on page 2.

anonymously · 1 year ago

it looks like onSelect and onSelectAll both get fired which is fine except i'm finding if there is a max file limit and size limit,
selecting a file too large passes zeros (files.length == 0, current.bytesTotal ==0) to onSelectAll in firefox, but it passes the file data (files.length ==1, current.bytesTotal == XXXXXX) in IE
i'm thinking of putting a filter similar to onSelect, but is that the best place for it?

Moo Fanatic · 1 year ago

lol... and I bet you thought you were busy a year ago!

lakilevi · 1 year ago

Hi. I like very much this tool. I would to use it on my page, but I cannot echo anything in the post action file. I have the following form: <form action="index2.php" method="post" enctype="multipart/form-data" id="form-demo">
The status bar signals me "Completed", but if I try to echo something in test2.php I cannot see the result. Where is the target of this second file?

Thank you very much!

deviL Ryu · 1 year ago

review the paths and urls

deviL Ryu · 1 year ago

this post is on rakesh.

lakilevi · 1 year ago

Ah and I forgot that I would to use the v.1.0. I like it more.
Thanks

Rio · 1 year ago

I'd like to know how to *actually* upload a file? I have the code working, script.log writes correctly, but not file.

Rio · 1 year ago

I resolved the issue. It's available on

http://www.rioleo.org/getting-fancyupload-to-wo...

digitarald · 1 year ago

Thanks for sharing, Rio! It is just that I'm not a fan of out-of-the-box downloads, especially when there is a backend that moves files on a server (a progress that involves an existing backend and security checks). And moving a file in PHP is no rocket-science.

rakesh · 1 year ago

Hello deviL Ryu,
Thanks for the response, but i had already double checked all the paths. The problem was that I was not able to find the two files progress.gif and uploading.png, anywhere in the site.

Thank you Rio,
Your website will be usefull for the newbies. I dont know from where you found the two images progress.gif and uploading.png, but It helped finish off my pending work. :)

Again..great work Herald :) .please look into the documentation of this work. it will be a great help.

Thanks ..
Rakesh

mark · 1 year ago

Okay this has been my experience so far:
Interface looks good: check! uploading files working: check! progress bars progressing: check! File exists after upload...nope. So, exactly where IS this stuff uploading files to? I'm combing the js files for clues to a "folder" or "url" variable but I come up with nothing. If the default state of the upload is to dump it into whatever folder the php script is in, it ain't workin'.

Help!?

Rio · 1 year ago

Mark, check out two comments below: http://www.rioleo.org/getting-fancyupload-to-wo...

robin · 1 year ago

Excellent piece of work. One quick question however. Is it possible to make this uploader be able to upload .flv files as well?? i've been trying to rewrite it, but with no luck. Any help would be excellent.

Thanks!!

neovenjo · 1 year ago

you can change the file types on the index.php file - look for this line in the javascript

$('demo-browse').addEvent('click', function() {
swiffy.browse(THIS IS WHERE YOU CHANGE THE FILE TYPES)

Jonatan · 1 year ago

Hi. I need to send more info in my form. Is it possible? Without FancyUp I used 2 hidden fields to send the information I need....

robin · 1 year ago

pardon me for the retarded post... i was messing around with version 1... LOL... oh well...

once again, give thanks for an excellent piece of work...


peace

Martin Gutenbrunner · 1 year ago

Hi!
The fancyupload works like a charm for me :-)

But there's one question coming to my mind: is it possible to select a file by using a common javascript file browser (<input type="file" ...) and then submit the file-path to the swf?
after submitting the form, a popup should appear, showing the progress bar. I wouldn't need multiple file upload on this one...

Keyne · 1 year ago

I'm using this script with php and when I sent an file bigger than 2MB the progress bar always stop and the file is not processed.

I remove the piece of code that check the file size, and even so the file can not be uploaded.

Keyne · 1 year ago

I'm using this script with php and when I sent an file bigger than 2MB the progress bar always stop and the file is not processed.

Caio · 1 year ago

I'm having problems and a user selects a file that size is 0kb's. I know that it's stupid, but uses sometimes do such things.
And isn't possible correct it on javascript, so it must be something in flash.

Thanks

Tiger24 · 1 year ago

Fancy upload is great. I have a problem when uploading. The file upload correctly, the file is post on my server, but this warning message remain : http://night-shadows.com/photos/error.jpg

deviL Ryu · 1 year ago

have tried on other file types? try changing the file extentions like .JPG to lowercase. maybe it can help it solve your problem.

neovenjo · 1 year ago

Check if there are php notices and warnings try turning off the error display in php. I solved my problem that way

J · 1 year ago

Hello All,

I have tweaked Fancy upload to suit my purpose. Is there any limitation on file size in swf file. I get security error 2038, when i try upload file sized 70 mb. ( the server is configured for more than that)

Thanks in advance/

guerilla_90 · 1 year ago

Hey, fancyupload 2 is great, but don't works correctly on IE.

http://www.kawoa.com/V2/

Test with FF2, FF3, it's ok.
Test with IE, I have an error when i press on "Chercher une vidéo"

Do you have a solution, can an update fix the problem ?

(Excuse Im french, I don't speak english very well)

freek · 1 year ago

The bomb script the best there is :)

Jayzee · 1 year ago

Please update UpdateOverall function with following code (it prevents the counter going negative when clicking several times on dissapearing remove link and not displaying 0 byte sizes):

updateOverall: function(bytesTotal) {
if(bytesTotal <= 0)
{
this.bytesTotal = 0;
this.overallTitle.set('html', 'Overall Progress');
}
else
{
this.bytesTotal = bytesTotal;
this.overallTitle.set('html', 'Overall Progress (' + this.sizeToKB(bytesTotal) + ')');
}
},

Janos · 1 year ago

Hello,
I have used fancy upload on a couple of projects, I love it, it is a awesome upload script. I have one question, what would be the best approach to do the following:

I am working on an image gallery upload, in which each gallery has one "cover" image. I would like to have a radio button or checkbox with each file in the upload list, so that you can select one of the images as being the "cover image" before uploading.

Any ideas on how I can achieve this?

Janos · 1 year ago

HI again, under TIPS, TRICK AND QUIRKS you have written this:

Can I send additional data?
You can change the upload URL in the upload() method (append GET parameters), but it is easier to send an Ajax request where the filename acts as index for more form values. In the forum is an example from Josh Beck on using Ajax to send additional data.

Problem is, the forum is down... internal server error 500

I guess I just have to wait until the mootools forum works again, but just as as a suggestion, could you include this information here on your website for the future? :)

Just to explain what I am trying to do, I want to have a radio button/checkbox with each file in the upload list, then when it uploads, I want to use that extra value to put a 1 or 0 in the database in the cover column, so one image can be marked as being the cover of the gallery. I am not asking for help to create the script that actually uploads and does the database entries, I just need to know how I can pass on extra form values with each file...

Janos · 1 year ago

Hi again,

ok this is weired... you removed the above mentioned Q & A... does that mean it is not possible anymore, or that the forum has been taken down for good or what?

I'd really like to figure this out, anyone?

sim · 1 year ago

you can add a form to your uploader page for example give it the id ="form extra" .
the form needs no target because mootools will help get the data from it during the swiffy upload
in your javascript instance of the file uploader you can use the option
'data':$('form-extra'),

for example
var swiffy = new MyFancyUpload($('filup-status'), $('filup-list'), {
'url': $('form-filup').action,
'data':$('form-extra'),
'fieldName': 'fileupload',
'limitFiles': 1, //single file only
'path': 'js/Swiff.Uploader.swf',
'onLoad': function() {
$('filup-status').removeClass('hide');
$('filup-fallback').destroy();
}
});


all the data from form-extra will be available in the POST array in your upload processing script-which is the target of your fancy uploader form

sim · 1 year ago

You can add a form to your uploader page .for example give it the id ="form extra" .
The form needs no target because mootools will help get the data from it during the swiffy upload.

In your javascript instance of the file uploader you can use the option
'data':$('form-extra'),

for example
var swiffy = new MyFancyUpload($('filup-status'), $('filup-list'), {
'url': $('form-filup').action,
'data':$('form-extra'),
'fieldName': 'fileupload',
'limitFiles': 1, //single file only
'path': 'js/Swiff.Uploader.swf',
'onLoad': function() {
$('filup-status').removeClass('hide');
$('filup-fallback').destroy();
}
});



All the data from form-extra will be available in the POST array in your upload processing script-which is the target of your fancy uploader form

sim · 1 year ago

tried to add formatting (twice ) and failed.
Also this commenting system wont keep me logged in.
There are many helpful hints in the comments but the navigation is a bit broken.

Arnaud · 1 year ago

I did it!!! Thx to you!
for the newbies (as I am) :
1) add 'data' : $('form-extra'), in your window.addEvent('load', function() { you have in your script part of your HTML file, as explain above.
2) add a form like that :
<form method="post" enctype="multipart/form-data" id="form-extra">
<input name="foo" value="bar">
</form>
3) that's it!

lance123 · 1 year ago

Hi Arnaud,

I am doing this as per the steps. I can't get any of the values to come across in the array. If you can think of anything I should check please give ideas.

Thanks,

lance

richard · 1 year ago

This are all FANCYUPLOADv2... I think you where looking for passing input for FancyUPLOADv1.Right?

Lance · 1 year ago

Hi Richard, I got it sorted. I was working with V2 and passed the variables I wanted with get variables ok. Picking them up in REQUEST. I should have thought of this!! I would still like to be able to modify the file name dynamically too though ;)
Thanks,

Lance

cheetah9026 · 1 year ago

Got everything working but the progress bar. Any suggestions?

Toytoy · 1 year ago

Thanks for sharing it harald.

By the way, I had fixed already that problem I have told you, it’s that if you’re flash plugin (this is in linux), is in build less than 124 (I think so), it doesn’t work. The flash plugin I have with problem was in build 48, so that is 9.0.48.0, It works great in 9.0.124.0. In order to know that, you can check under adobe’s site http://www.adobe.com/products/flash/about/.

BTW, I had added this stuff like

if (Browser.Plugins.Flash.version < 9 && Browser.Plugins.Flash.build < 124) then it should do the fallback demo, this is just in linux. I tried with my friends notebook, he has 9.0.45.0 in Windows XP, and it works actually. Hope this helps!

Scoootch · 1 year ago

Hi, there's a problem in IE7 which doesn't exist in FF2. For example, if "limitFiles: 5" and I select 10 files, in the list I've only 5 files but IE7 uploads the 10 files and "updateOverall: function(bytesTotal)" totalizes the ten files, FF2 uploads the 5 files and totalizes only the 5 files.

Any idea ?

Thanks

hans · 1 year ago

I hope soon any multiple-file selection menu to upload to differnent maps.

:)

cheetah9026 · 1 year ago

To those that had the same problem as I did:
Download the following image files:
http://digitarald.de/project/fancyupload/2-0/sh...
http://digitarald.de/project/fancyupload/2-0/sh...
http://digitarald.de/project/fancyupload/2-0/sh...
http://digitarald.de/project/fancyupload/2-0/sh...
http://digitarald.de/project/fancyupload/2-0/sh...
http://digitarald.de/project/fancyupload/2-0/sh...
Be sure that the path to each of these files are specified correctly in CSS Stylesheet and the XHTML Markup

Norik · 1 year ago

does not work FF3 :(

Sword · 1 year ago

It works on FF3. I dl Fancy upload 2 and i haven't any problems with FF3.
However i want to update a list of images uploaded after the upload. I try to use the function OnComplete but it doesn't work.

Somebody have already succeed this ?

Rio · 1 year ago

Can you not modify script.log to suit your needs? It contains all the necessary information you might need:

Also, for the newbies and for other support, please feel free to check out my extension page:

http://www.rioleo.org/getting-fancyupload-to-wo...

Once again, all thanks and kudos go to the amazing Harald. Just a bit of support needed, which I intend to provide.

Scoootch · 1 year ago

Hi Rio, I've tried your version, I've the same problem than the Harald's one : the "errors.push" are not efficient in IE7.
You can see what I mean here : http://www.immobiliers.tv/FU2.jpg

Thanks

sim · 1 year ago

var MyFancyUpload = new Class({
Extends: FancyUpload2,
onAllComplete: function(current) {
this.parent(current);
// No alert, its callback from flash, don't make crazy things here because Flash waits for the return

//this is where we can do ajax calls to update the page
updatepage();
console.log('All Done!');
}
});


function updatepage (){
var updata=new Request.HTML(
{url: 'getsomedata.php',
method: 'get',
evalScripts :false,
update:$('test')
});
updata.send();
}

markmooibroek · 1 year ago

Hi there,

First of all: Thanks for putting this out there!

Now. I have implemented this and i run into an IE problem. It was working until recently but now when i klick Browse i get an error. FF3 on the other hand is doing great!

Im running IE7, (latest) mootools 1.2 compressed build YUi compressed. Error IE gives me is at rule 266 of mootools js.

I would be happy to give more info if someone wants to help me out

Greets Mark
also for sollutions or support mail me at: mark.mooibroek at gmail dot com

markmooibroek · 1 year ago

addition:

traced back to


Swiff.remote = function(obj, fn){
var rs = obj.CallFunction('<invoke name="' + fn + '" returntype="javascript">' + __flash__argumentsToXML(arguments, 2) + '</invoke>');
return eval(rs);
};

where obj is undefined ( Rule 2950 in non-compressed mootools )

hope some guru can help

markmooibroek · 1 year ago

Hey there, me again.

Problem solved. Was a browser issue. I tried it on other computers and it worked in IE7. ILl go and reïnstall my IE7.

Greets Mark Mooibroek

Martius · 1 year ago

It's not running in Safari for Windows...!

Sam · 1 year ago

can people get the onProgress event to fire? - other events like onComplete are firing fine, just not onProgress which means the Fx.ProgressBar isn't working how it should.

lance123 · 1 year ago

Hi All,

Thanks for the work on this work its great and have it going but want to make a change that am struggling with.

How do I pass/post a value with the file? This would really give me the ability to use the multi upload feature.

Thanks for any help,

Regards Lance

Lewis · 1 year ago

Hi, My existing v2.0 seeems to be crashing FF3 has anyone any ideas?

brontosaur · 1 year ago

i don't know if anyone is interested by these new flash products but make a try at
http://www.flashuploaded.com
there are nice flash upload components to integrate easily in a website with a upload progress bar time remaining, file/folder manager etc... i tried it and works very well.

thanks

Dustin · 1 year ago

Lovely! I was able to add a name field using the 'data': $('extra-form') trick, however i would like to be able to have a different name for each file. How could I send different variables for each different file to the script?

Dustin · 1 year ago

I think I might be on the right track..

Instead of using the 'data': $('extra-form') method, I added an input element under the fileCreate function within FancyUpload2.js.. Can it be done that way?

Right now, it shows an input field for entering a name right above the file name span element for each file.. I just need to know how to send that data and retrieve it with my php script.. Please help!

thanks,

gunjack07 · 1 year ago

when i click on "browse", i get a messagebox saying "Error!" .... only get this on firefox and opera though.... it's working fine on IE6 and IE7.. pretty weird I must say.....

shirkavand · 1 year ago

Hello,

i am wondering if there is any way to execute server side code just before the upload begins. I mean, when the user press "upolad" link just before the file begins to upload i need to execute the server code(for example to set a session variable). Any idea?

Regards

shirkavand · 1 year ago

Note: Obiusly, i need that this server side code execution never take place by some javascript hack. I mean, it must garantee that the user have clicked on the upload link, if not the server side code never have to be executed until the user click the link.

Regards

sim · 1 year ago

this comment system is shit


var MyFancyUpload = new Class({ Extends: FancyUpload2, onAllComplete: function(current) { this.parent(current); // No alert, its callback from flash, don’t make crazy things here because Flash waits for the return

//this is where we can do ajax calls to update the page
updatepage();
console.log('All Done!');
}

});

function updatepage (){ var updata=new Request.HTML( {url: ‘getsomedata.php’, method: ‘get’, evalScripts :false, update:$(‘test’) }); updata.send(); }

sim · 1 year ago

try again
var MyFancyUpload = new Class({
Extends: FancyUpload2,
onAllComplete: function(current) {
this.parent(current);
// No alert, its callback from flash, don't make crazy things here because Flash waits for the return

//this is where we can do ajax calls to update the page
updatepage();
console.log('All Done!');
}
});


function updatepage (){
var updata=new Request.HTML(
{url: 'updata.php',
method: 'get',
//data: params,
evalScripts :false,
update:$('test')
});
updata.send();
}

sim · 1 year ago

disqus -you should be ashamed at your poor software with its bad usability

Harald sack this pathetic comment system

sim · 1 year ago

ok i have calmed down now. My comment was to help those who were trying to use the onComplete event to update the page after an upload.You must extend the basic fancy upload class as in my posted example -then you can add a function to be executed onComplete in your new extended class.
Note that you must use the new Request class to do an Ajax update of your page.
Hope that helps someone.I got this information from an early comment in this broken commenting system.

pharao · 1 year ago

When I try the “Queued Photo Uploader" on this site, I always get the error "Upload failed (301)"
Any idea what could be the reason for that. I tried it on my own site, there I get the error "Upload failed (505)" ...

seb · 1 year ago

how to know when all files are uploaded ?

thanks

odo_cd · 1 year ago

nice

michalc · 1 year ago

Hi,

Thanks for making such a great piece of code by the way!... I am about to include it in a site I'm working on. However...

I can't get the demo to work on Firefox 3. The upload gets to 100% (usually), but it doesn't ever give the "uploaded an image" message, with the size of the image, which does appear in Firefox 2. Any suggestions on how to get this to work?

Michal

michalc · 1 year ago

(I'm on Linux by the way)

michalc · 1 year ago

Ah... I have just upgraded Flash to the most recent version, and it seems to work fine now!

michalc · 1 year ago

However, I have now noticed some strange behavior after the upgrade. Intead of a nice smooth increase to 100% for each file, it just seems to jerk all the way to 100% when it is finished (although I think once I have seen one intermediate value quickly). It is now not as nice and smooth as it used to be.

Henry · 1 year ago

Hi all!
This fine script don't work when you use FF3 together with extension "Adblock" (i have version 0.5.3.043).
Solution is neither disabling Adblock nor whitelisting you website - you must disallow Adblock in Extension manager. Tested in Windows.

michalc · 1 year ago

After upgrading Flash, although it works, I have noticed some strange behavior (in both Firefox 2 and 3). The progress bar for each upload now just seems to jump all the way to 100% (although sometimes I see one intermediate level), instead of a nice smooth progress bar that I used to see.

michalc · 1 year ago

(Sorry that I posted this in a new thread and also replied to my old one as well... I must have got confused!)

Porfuse · 1 year ago

im trying to make this work, but it just wont....

http://porfusion.com/blazertees/test.php

thats what i have right now- and thats as far as i can get, any help is greatly appreciated

Me · 1 year ago

Check all your paths in your ccs file, js files, etc...

odo_cd · 1 year ago

there must be one thing that should be corrected
once the limits is set to 5,bu I chose 10
so ten files would be uploaded

longbill · 1 year ago

There are something wrong in flashplayer 10!
When browse() is executed, an alert of 'Error' will appear!

Ass · 1 year ago

nice one

tele2rn · 1 year ago

i am having trouble getting the response from the PHP script to be read by the javascript handler.

I am using PHP 4, and while I know that PHP 4 does not support the json_encode() function, I was able to find a couple lines of code on php.net which will output the same as the json_encode function. I have included it here:

foreach($result as $key=>$val) $arr[] = "\"$key\":$val";
echo '{'.implode(', ', $arr).'}';

The problem is that the ajax handling code is not reading it as a json_encoded string. and is displaying my success message as if it were an error. Here is what is being read as an error:

{"result":success, "size":Uploaded an image (image/jpeg) with 400px/300px.}

Do you have any idea why this is happening, or am I just out of luck if my PHP is not version 5.

Any help would be greatly appreciated, thank!

Vermillion · 1 year ago

Hi people,
I am currently having trouble viewing the Fancyupload showcase demo on IE6. I visited this website a couple of days ago and It worked. But now the input element does not get replaced. (Even after several refreshes, and clearing the cache) I only see the message "This form is just an example fallback for the unobtrusive behaviour of FancyUpload. " and a regular input browse button. I am currently using IE 6.0.2900.2180 and my flashplayer is version 9.0.124.0. IE7, FF3, and FF2 work fine, just IE6. Any idea on how to prevent this problem? I wish to use fancyupload on my own personal page, so I hope there is a workaround. Thank you.

richard · 1 year ago

You should make a zipped file for this for everyone to quickly apply it to any site. That would be helpful rather that displaying here what files do you need since this is not compatible to all version of mootools.

noob · 1 year ago

the script doesn't work with long file name, for example, try : imafilewhichhaveveryveryverylongname.ext then it will go crazy

richard · 1 year ago

I noticed something, the error trapping on php does not complement the errors on fancyupload.js.... like there is no $error = 500... hhmm...

noob · 1 year ago

sorry, the script can handle long file name but not zero-length file

richard · 1 year ago

zero length file ^^, funny you created zero length image file ^^,

noob · 1 year ago

my ym is drj_1208 ;)

richard · 1 year ago

do you have YM can you help me out here ^^,???

richard · 1 year ago

Here is a scenario I have uploaded a file 3mb greater than the limit filesize but since the javascript detected an error the php error handler will not receive the filesize ($_filename[demo-filename][size]) this will be zero so it will pass error trapping #400. So how can we output the filesiz errror.

richard · 1 year ago

Can anyone make a fancyupload v1.0 using mootools? can you share it also to me. Or even post it here! Thanks Just pm me at lord_d_seis@yahoo.com

richard · 1 year ago

I mean using it on mootools 1.2

richard · 1 year ago

i'm so frustrated can anyone send me the a zipped file

Jeff · 1 year ago

Set limitSize: 100 or limitFiles: 5,

but it still can select the file size over 100 and more than 5 files to upload,

Is only does not show the file on the page...

noob · 1 year ago

because that the onSelect does validate the file but the onAllSelect doesn't

Nick · 1 year ago

The flash file cannot detect the return value from js (always null) although the js function has been invoked successfully.

In flash, the following code

ExternalInterface.call(instance.target + '.onSelect', valueOfFile(file), i, ref.fileList.length) !== false

won't work with IE 7, only returns 'null' then all files would be added in flash.
e.g. even if set the limitFiles to be 5, 5 files are displayed in the list but the other files are still included in uploading queue and uploaded if clicking "upload".

Anyway, awesome work all around.

digitarald · 1 year ago

Good catch, I'll add a work-around when I found a secure way for IE7. I have no clue why IE does not send data.

ARS · 1 year ago

Hi Harald! Thanks for this great tool, it work's flawless for me, unless the mentioned onAllSelect filesize and files limit validation problem in IE. Have you found a working solution?

Thanks!

richard · 1 year ago

Can anyone help! I have a maximum storage of 80 MB for uploaded files. How can I check if he still can upload files? Pm me at lord_d_seis@yahoo.com. Thanks.

noob · 1 year ago

make a timed ajax request to the server side script to ensure that the storage is still available to upload

Louis · 1 year ago

On safari and Firefox (lasts stable versions), on my mac (Léopard), the .swf is a disgracious 1x1 pixel at the bottom of the screen. On a dark background, it's quite a breaker :/

I found a quick & dirty fix. You need to had that code at the end of line 54 of swiff.uploader.js : .set('style','height:0')

Bartek · 1 year ago

I seem to be having problems with the thing in safari. Other browsers are fine. In safari every upload ends with failure... Is this a common problem or have I messed something up?

cheetah9026 · 1 year ago

what do I need to add to the php for the files to upload?

Patrick · 1 year ago

http://www.rioleo.org/getting-fancyupload-to-wo...

go there

alx · 1 year ago

How can i sen a value into the script on submit? I tried to make a hidden input value but it empty.
in the form i added:
<input name="hid_value" type="hidden" value="<?php echo $my_value?>"

And in the script
echo $_POST['hid_value']
outputs nothing.

alastair · 1 year ago

I am having the same problem - have you found a solution?

alx · 1 year ago

add an argument data':$('form-demo') in your form definition.
as i remember by default 'data':null;

kristopulos · 1 year ago

thx very very much

Nick · 1 year ago

When add you js code for initializing the uploader, add ‘data’ and give it an object. e.g {var1: ‘value1’ , var2:’value2’}

See the code below:

var swiffy = new FancyUpload2($(‘demo-status’), $(‘demo-list’), { ‘url’: $(‘form-demo’).action, ‘fieldName’: ‘photoupload’, ‘path’: ‘Swiff.Uploader.swf’, ‘data’: {var1:’test123’, var2:’test456’}, ‘onLoad’: function() { $(‘demo-status’).removeClass(‘hide’); $(‘demo-fallback’).destroy(); } });

Then in your php, capture this value by $_POST[‘var1’]. Then what to do next is totally up2u.

Juan Antonio · 1 year ago

tnk Nick !! it's working now in POST mode.

Sander · 1 year ago

I want to execute 'OnAllComplete' when an error occurs...

I know where the events are in the script, but I just don't have enough knowledge of JS (although going through almost all the W3CSchools lessons) to modify it in the right way.

How can I achieve this?

alx · 1 year ago

I need to send the index of file in queve of uploaded file to php on remove file and on remove all files. How can I do this?

Audren Cezar · 1 year ago

Use a small box with flash file and take a description note to ability flash, I think that it can help people use flashblock add on FF, and it turn possible activate the flash and use the uploader...

Tommy Cutter · 1 year ago

Just a sleight modification to the callback in order to prevent the filenames from running over the edge of the span.

change your fileCreate function to look like this:

fileCreate: function(file) {
renamed = new String;
peices = file.name.split(".");
ext = peices.pop();
if(file.name.length > 30) {
renamed = file.name.substr(0,30) + "…" + ext;
} else {
renamed = file.name;
}

file.info = new Element('span', {'class': 'file-info'});
file.element = new Element('li', {'class': 'file'}).adopt(
new Element('span', {'class': 'file-size', 'html': this.sizeToKB(file.size)}),
new Element('a', {
'class': 'file-remove',
'href': '#',
'html': 'Remove',
'events': {
'click': function() {
this.removeFile(file);
return false;
}.bind(this)
}
}),
new Element('span', {'class': 'file-name', 'html': renamed}),
file.info
).inject(this.list);
},

if it's too long, it'll show up as mylongfilena...jpg

Tommy Cutter · 1 year ago

hm, formatting got messed up, try this:
http://tommycutter.com/code/fancyuploadfix.js

sim · 1 year ago

to use OnAllComplete you must (i think) extend the class yourself -I have posted an example earlier in the comments,which I learned about myself from a few comments at the very beginning of the comments thread

here is what Harald posted

var MyPhotoUpload = new Class({
Extends: FancyUpload2,

onAllComplete: function(current) {
this.parent(current);
// No alert, its callback from flash, don't make crazy things here because Flash waits for the return
console.log('Done!');
}
});

hope this will be formatted correctly

sim · 1 year ago

this was posted as a reply to Sander

disqus-your comment system is quite flawed

Alexsandro · 1 year ago

Why $file['type'] is always **application/octet-stream**?

I have some problem using the class class.upload.php from http://www.verot.net

8hrweb · 1 year ago

How to make, that on one page it was possible to switch a place where files are loaded?

1 - one place, 0 - other place (checkbox switching).

For example, either in the editor or in separate gallery (Sorry for my engl.).

Juan Antonio · 1 year ago

I need help. how to Send additional request data via GET or POST variables?

Nick · 1 year ago

Don't use GET as GET is not suitable for file uploading.

When add you js code for initializing the uploader, add 'data' and give it an object. e.g {var1: 'value1' , var2:'value2'}

See the code below:

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'Swiff.Uploader.swf',
'data': {var1:'test123', var2:'test456'},
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});
Then in your php, capture this value by $_POST['var1']. Then what to do next is totally up2u.

lambmy · 1 year ago

Ok, I gave up trying my codes, so i just used your example (‘data’: {var1:’test123’, var2:’test456’}) to see the result and maybe i could figure out what went wrong. In my PHP script which handles file uploading, I typed the following:

if (isset ($_POST[‘var1’])) echo “var 1 is set”; else echo “var 1 is not set”;

and also

mkdir($_POST[‘var1’]);

After the all file upload completed, there was no new folder created and the echo output “var 1 is not set”.

I have checked the error console in Firefox, but there is no error related to the fancyupload js.

Is it possible to show me the complete codes that you use to pass the data to the file handling script? or can you tell me what I did wrong? thanks.

Juan Antonio · 1 year ago

I implementing a temp solution but only work in GET mode, in Swiff.Uploader.js file
replace 'post' for 'get'. method: 'post', -> method: 'get',
in XHTML Markup o your html form:
<form action="script.php?var1=<? echo $var1; ?>&var2=<? echo $var2; ?>"
in script.php :
<?
$variable1=$_GET['var1'];
$variable2=$_GET['var2'];
.
.
.
?>

alastair · 1 year ago

Can anyone tell me how to add additional POST data because the forum post by Josh Tips, Tricks and Quirks on www.mooltools.net doesnt work :S

Thanks

Nick · 1 year ago

When add you js code for initializing the uploader, add 'data' and give it an object. e.g {var1: 'value1' , var2:'value2'}

See the code below:

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'Swiff.Uploader.swf',
'data': {var1:'test123', var2:'test456'},
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});
Then in your php, capture this value by $_POST['var1']. Then what to do next is totally up2u.

lambmy · 1 year ago

Hi Nick,

I have tried your method of sending data. However, it somehow does not work for me. Since I want to pass some variables to another script after files uploads are complete, I have typed the following (I write my script in PHP):

'data': {<?php echo TFP_COL3.":'".$url_post_content."', ".TFP_COL5.":'".$url_post_title."'"?>}

(TFP_COL3 & TFP_COL5 are constants of my PHP script)

so at the receiving end (The another script), I have typed:

echo $_POST[TFP_COL3]; and echo $_POST[TFP_COL5];

to capture the variables.

Also, I typed the following:

'onAllComplete': function() {
this.currentText.set('html', 'All Uploads complete! Reloading this page...');
window.location = "<?php echo FILENAME_OPEARTION_ADDTOPIC; ?>?complete=1&preview=<?php echo $_COOKIE["PREVIEW"]; ?>";}

at the js code for initializing the uploader to redirect my page to the another script with some $_GET method data (which are complete = 1 and preview = $_COOKIE["PREVIEW"] to indicate the files have been uploaded successfully and completely) after file uploads are complete. Therefore, if the ‘data’: {var1:’test123’, var2:’test456’} method works correctly, I will be seeing data of TFP_COL3 & TFP_COL5 echo on the receiving script. However, I do not see the results that I expect. Can someone help me? Thanks.

Nick · 1 year ago

If you use "echo" inside the PHP script which handles the "real" file uploading, I am not sure if the text from your echo would be shown in your browser.

The role which directly communicates with PHP is Flash, not javascript nor your browser. So all the text from "echo" in the PHP is captured in Flash then pass to javascript.

And if necessary, use "Error console" from FireFox to check if there's any javascript error in your code as your codes are mixed with php then and in case PHP outputs anything which may screw js.

(maybe in your PHP which handles file uploading, try "mkdir($_POST[TFP_COL3])" and see if the folder named TFP_COL3 could be created ?)

good luck! :)

lambmy · 1 year ago

Darn! keep posting at the wrong locations!

Ok, I gave up trying my codes, so i just used your example (‘data’: {var1:’test123’, var2:’test456’}) to see the result and maybe i could figure out what went wrong. In my PHP script which handles file uploading, I typed the following:

if (isset ($_POST[‘var1’])) echo “var 1 is set”; else echo “var 1 is not set”;

and also

mkdir($_POST[‘var1’]);

After the all file upload completed, there was no new folder created and the echo output “var 1 is not set”.

I have checked the error console in Firefox, but there is no error related to the fancyupload js.

Is it possible to show me the complete codes that you use to pass the data to the file handling script? or can you tell me what I did wrong? thanks.

Nick · 1 year ago

Ok, let's say, what I am pasting here are the codes from online example, and it is also the starting point of the work.

Here is the js code for initializing the uploader:

window.addEvent('load', function() {

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'Swiff.Uploader.swf',
'data':{var1:'value1', var2:'value2'},
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});

/**
* Various interactions
*/

$('demo-browse-all').addEvent('click', function() {
swiffy.browse();
return false;
});

$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
return false;
});

$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});

$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});

});


then in the PHP, try to do something with $_POST['var1'] and $_POST['var2'].

The principle is, in Swiff.uploader.swf, flash receives the parameters from js, in this case, the name of file input field (photoupload), the PHP url for uploading the file (the action you specify inside <form> tag, and the data object in {param1:'value1', param2:'value2'} format ({var1:'value1', var2:'value2'}).

Then inside flash, it generates the file selector (single or multiple, in this case, multiple which is made by FileRerenceList object in flash).

After user selects the files, flash will loop each file inside the FileReferenceList, then use "data" object passed by javascript to generate additional parameters which are to be sent together with the looped file, then create the URLRequest by the passed PHP script url, send the file with additional parameters (all by POST), and calculate the bytesTotal and bytesLoaded values in order to let javascript show the real-time status of file uploading. Once one file is uploaded, upload the next file from FileReferenceList in flash.

The in the PHP, it only receives the $_FILES[] and other values sent by POST from flash (originally from javascript "data" object). Then what to do with these inside PHP is another story.

Hope this comment can help you developing your work smoothly! :)

lambmy · 1 year ago

Thanks! your detailed explanation did help me finding my own bug :P
Since I want my php script to fetch data after all file uploads complete, I redirect to that PHP script page by inserting a " window.location = ..." statement within "‘onAllComplete’: function() {...}" However, I didn't know that fancyupload script is no longer responsible for the data transfer during the redirection after all file uploads complete; therefore, fancyupload did transfer that 'var1' variable to my PHP script in each file uploading loop, but after all file uploading loops are done (All file uploads complete), fancyupload only does whatever codes within "‘onAllComplete’: function() {...}", and will not transfer the data that contained within the initialization (‘data’:{var1:’value1’, var2:’value2’}). I solved this issue by creating a javascript setcookie function to send the data i want to send during the redirection, and of course, i can still receive the cookie by using $_COOKIE['var1'] on my receiving PHP script.

Anyway, thank you for spending your time answering my questions (and clarifying my confusion!).

lambmy · 1 year ago

Forgot to add that semi-colon ";"
at
$url_post_title.”’”; ?>}

but it is still not working.......

Thomas · 1 year ago

Thank you !!!!! It's an amazing script :)

jdavid.net · 1 year ago

flash 10 breaks the uploader

http://wordpress.org/support/topic/177127

http://www.adobe.com/cfusion/webforums/forum/me...

santiagofs · 1 year ago

Hi, I really enjoy this script. When you browse for files, seems to be a limit of 5 files at time to upload. Is there a way to configure this?
Thank you.

Viure · 1 year ago

I think is in fancyUpload2.js, find limitFiles: 5.

Ashok · 1 year ago

Hi while i uploading the file, where the file is saved? i am asking how to find the file path in the script? I don't get clearly. Please reply to me.

phpware · 1 year ago

How can I make it execute some javascript code upon upload completion?

Thanks,
Alex

lambmy · 1 year ago

Do you mean all file uploads complete or only each time a single file upload completes?

For all file uploads completion:
At the js code for initializing the uploader, add the js scripts you want within 'onAllComplete': function()

Here is the working codes example:

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'includes/uncached_swf.php',
'data': {<?php echo TFP_COL3.":'".$url_post_content."', ".TFP_COL5.":'".$url_post_title."'"?>},
'onAllComplete': function()
{
this.currentText.set('html', 'All Uploads complete! Reloading this page...');
window.location = "<?php echo FILENAME_OPEARTION_ADDTOPIC; ?>?complete=1&preview=<?php echo $_COOKIE["PREVIEW"]; ?>";
},
'onLoad': function()
{
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});

so as you probably can see from my example, I have added a text string of "All Uploads complete! Reloading this page..." and redirected to another script page by "window.location = "<?php echo FILENAME_OPEARTION_ADDTOPIC; ?>?complete=1&preview=<?php echo $_COOKIE["PREVIEW"]; ?>";" after all file uploads complete.

For a single file upload completion, I am not sure that my following solution works, since I never need to execute any script after a single file upload completion. My solution: just add 'onComplete': function() {} at the js code for initializing the uploader, and include whatever js script you want within the function. I hope this helps.

phpware · 1 year ago

That's what I was looking for, thanks!

Angel · 1 year ago

hi
I have problem for send other data with upload.
please post complet swiff.uploader.js with insert other data ( ex:var1)

great thank's

Angel · 1 year ago

hi
I have problem for send other data with upload.
please post complet swiff.uploader.js with insert other data ( ex:var1)

great thank's

magis · 1 year ago

Added all JS files, HTML - all as needed, but Uploader doesn't work :(

Here is what FireBug returns:
`code`__flash__argumentsToXML is not defined
transition()(function(), "browse")mootools.js (line 266)
remote()()mootools.js (line 265)
browse()(undefined)Swiff.Uploader.js (line 70)
parentOf()()mootools.js (line 95)
browse()(undefined)FancyUpload2.js (line 138)
(?)()()galvenais.js (line 73)
D()(Object $extended=true event=Event click type=click)mootools.js (line 169)
[Break on this error] }});Swiff.CallBacks={};Swiff.remote=func...rgumentsToXML(arguments,2)+"</invoke>");`code`

Matthew · 1 year ago

this error is probably caused by your Swiff.Uploader.swf file being in the wrong place

did you change this line of code?

'path': '../../source/Swiff.Uploader.swf',

lambmy · 1 year ago

Ok, I gave up trying my codes, so i just used your example (‘data’: {var1:’test123’, var2:’test456’}) to see the result and maybe i could figure out what went wrong. In my PHP script which handles file uploading, I typed the following:

if (isset ($_POST['var1']))
echo "var 1 is set";
else
echo "var 1 is not set";

and also

mkdir($_POST['var1']);

After the all file upload completed, there was no new folder created and the echo output "var 1 is not set".

I have checked the error console in Firefox, but there is no error related to the fancyupload js.

Is it possible to show me the complete codes that you use to pass the data to the file handling script? or can you tell me what I did wrong? thanks.

gggg · 1 year ago

gg

Renzo · 1 year ago

Hello, I have a question for this, for example if I put another field in the form.. how I recognize with fancyupload??

Nick · 1 year ago

Hope the following content could be helpful.

From my understanding, the principle of this program is, in Swiff.uploader.swf, flash receives the parameters from js, in the online example, the name of file input field (e.g. photoupload), the PHP url for uploading the file (the action you specify inside <form> tag or manually typed for parameter 'url' when creating swiffy object), and the data object in {param1:’value1’, param2:’value2’} format (e.g. {var1:’value1’, var2:’value2’}).

Then inside Flash, it generates the file selector (single or multiple, in this case, it is multiple which is made by FileRerenceList object in flash).

After user selects the files, flash will loop each file inside the FileReferenceList, then uses “data” object passed by javascript to generate additional parameters which are to be sent together with the looped file, then creates the URLRequest by the passed PHP script url, sends the file with additional parameters (all by POST), and calculates the bytesTotal and bytesLoaded values in order to let javascript show the real-time status of file uploading. Once one file is uploaded, upload the next file from FileReferenceList with the same facility.

Then in the PHP, it only receives the $_FILES and other values sent by POST from flash (originally from javascript “data” object). Then what to do with these inside PHP is another story.

Christine · 1 year ago

This is weird. It works perfectly in Firefox and IE, but when I attempt to upload something in Safari, it gives me an error saying "httpStatus 404".

Any ideas?

Nick · 1 year ago

Maybe try to use absolute path for php when initializing the uploader in js.

e.g. "url", "http://your_domain_name/file_upload.php" rather than "url", "file_upload.php". In the online example, this "url" is obtained from "action" attribute of <form> tag.

Just a suggestion, have yet to test in safari... :P

richard · 1 year ago

Hi,
the mime type is messing arround cannot get moveuploadedfile work. I get an application octet stream aAny ideads? Pm me at lord_d_seis@yahoo.com

wansong · 1 year ago

Browse 5 files and 6th too and click "Upload"
Bug: 6th file is NOT showing up in UI(File Upload page).But,"6th" file is Uploaded in DB .

This bug exists in IE, bug it is ok in firefox. Please help me take a look. Thanks!

Nick · 1 year ago

This is caused by something wrong with the communication between js and flash in IE (IE 7) in which Flash cannot get the correct returned values from js.

The result is, the two js parameters "limitFiles" and "limitSize" are not making any effects in IE. At this stage setting them to "false" would be better than making any confusion.

I believe that the author is working on a solution for this issue. Let's wait.

Web Design · 1 year ago

this.parent is not a function
initialize()(div#demo-status.hide, ul#demo-list, Object)FancyUpload2.js (line 44)
klass()(div#demo-status.hide)mootools...2-core.js (line 1019)
(?)()()fancy_up...ader.html (line 14)
defn()()mootools...2-core.js (line 1847)
[Break on this error] this.parent(options);

I keep getting the above error, any suggestions why this might be occuring?

kyosaiki · 1 year ago

you must declare on your html the javascripts in this order : mootools -> swiff uploader ->fx progress bar -> fancyupload2

JT. · 1 year ago

Hello, first at all, i want to say that this is one of the most amazing scripts i have ever seen. But actually, i have some problem. I have modified my PHP a lot for some reason, and now i need to send additional data. So i wrote something like that:

'data':{var1:document.getElementById('optionGroup').options[document.getElementById('optionGroup').selectedIndex].value},

Its working, BUT, i need to check this value before every upload - coz now it will return 1 only (its default value when page is loaded). Is that possible? If yes, can you post some code? I am godlike in PHP but js-newbie, and I'm beeing crazy about that. Thanks for your time

Nick · 1 year ago

The following is only a suggestion and have not been tested, maybe give it a try.

Did you notice the code in the online example?

$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
Here an "event handler" (function(){...}) is passed to listen to "click" event. This event occurs when you click "upload".

If you wanna check some value before upload, try:

$('demo-upload').addEvent('click', function() {
if(condition == true)
swiffy.upload();
return false; });

Replace the "condition==true" by your own condition which should be met before uploading starts.

JT. · 1 year ago

I have made better solution - simply i modified basic "upload" function:

upload: function(options){
var current = this.options;
options = $extend({data: {var1:document.getElementById('optionGroup').options[document.getElementById('optionGroup').selectedIndex].value}, url: current.url, method: current.method, fieldName: current.fieldName}, options);
if ($type(options.data) == 'element') options.data = $(options.data).toQueryString();
return this.remote('upload', options);
},

Sometimes the easiest way is the best :-) Anyway, thanks a lot :-)

richard · 1 year ago

Hi

upload: function(e) {
if (e) e.stop();
this.fireEvent('onUpload', this);
this.uploader.send(this.options.url);
},

This is the code on my script. How can I change it to that code you give. I don't understand much javascript. Can you modify it? So I can send additional input data.

laimis · 1 year ago

What about the content-type of the file being uploaded? Usually using the regular upload mechanism we can see the content-type as reported by the browser. However using with flash it is always octet stream. Is this information available anywhere as to the specific content-type of the file?

richard · 1 year ago

hi,

I have this image and onclick I will submit it and display the new image and also the image is the uploaded one? Can you give a simple script on how can I possibly do this? and is this possible or not?

richard · 1 year ago

Can anyone leave your YM Id so I can chat with you guys? Or IM me @ lord_d_seis@yahoo.com

ezia · 1 year ago

Its a nice script.
Unfortunately I am unable to make it working in Mozilla Firefox 3.0.1 event it is unable to browse images.
can any one help me?

razvansg · 1 year ago

Can i send $_POST everytime php is called?
Im trying to attach to the file that is being uploaded 2 input text(title, description) and receive them in php along with the file.

fileComplete: function(file, response) {
alert(response);
//etc
}
In here im making an alert with the response from php. This is what i send back to the js:
$result['info'] = var_export($_POST);
echo json_encode($result);

The output is:
array (
'Filename' => 'ist2_4509299-satin-icons-set-8.jpg',
'Upload' => 'Submit Query',
){"result":"success","info":null}

It doesnt send my inputs. Any suggestions on how can i send some $_POST?

I dont like the idea of sending through:
options = $extend({data: {extra:extra}, url: current.url, method: current.method, fieldName: current.fieldName}, options);

because i want to add extra data to each uploaded file, not at the end of the upload.

lowkzilla · 1 year ago

Hello!

Really nice and usefull work!
I have a problem, i secure my ajax with php's session, but when i upload a file, the session disappear, so i can't use my verification.
Do you know why this problem happen, and how to fix it?

Nikolay · 1 year ago

I have problem with IE 6
When i click "Browse files" IE show me Alert with "Error"

George · 1 year ago

from what I get is, the flash version is either beta or old...
and if you get the error I wrote then you probably have
1) wrong path to swf
2) no flash isntalled

Chris · 1 year ago

On Ubuntu linux with Firefox 3.0 this demo locks up the browser completely when the upload button is pressed. It seems after a while when the upload is complete it returns to be available. Not so good behaviour but I don't know what the problem is.

Stefan Bergfeldt · 1 year ago

I'm having problems with this script.
I want to upload images to different galleries, and I have a textbox where I write the name of the gallery. With AJAX I send a request to the server, checking if the gallery exists, or creates a new gallery. The Id of the gallery is returned and I set the value of a hidden textbox to the gallery Id.
I want to send this information with the request to the server, how can I do that?
I've used $("textbox") in the url but that is set when window.onload occurs, and by that time, the gallery Id doesn't exist.

George · 1 year ago

Harald, on the first page there was a guy having this issue:
Here is what FireBug returns: code__flash__argumentsToXML is not defined transition()(function(), “browse”)mootools.js (line 266)

I have the same problem onBrowse with IE6 but it works perfect with SAFARI (MAC OS +Windows) IE7, Mozilla (2,3, MAC OS) The moment I click browse the error pops up.

I just had a guy complaining about a "null" being outputted when he clicks on browse (on Safari Mac), but he was the first one complaining about that on Safari MAC, no problems on the ones I tested.

The only problem I can think of is really something with the swf path not working.
We have the paths in the loader and in the Swiff.Uploader.js
But its working great on all browsers except for the IE6 - do you have any solution?

Thanx

aremm · 1 year ago

I'm using version 1, and I'm having a problem where fancyupload(version 1 or 2) doesn't initialize in firefox 3.0.1 on windows xp on pc. I've done tests on vista, mac, and xp in various in firefox 2 and 3, ie, safari and the problem seems isolated to only firefox 3 on xp/pc. Is any one else having this issue? Any suggestions?

Rio · 1 year ago

There's a nice tutorial available online with documentation:

http://www.rioleo.org/getting-fancyupload-to-wo...

richard · 1 year ago

Anyone knows a link whhere I can test and check how to submit additional inputs using FANCY UPLOAD VERSION 1.0??? If you have yM, IM @ lord_d_seis@yahoo.com. Pleaseeeeee...

SamGoody · 1 year ago

@Goerge

I found that if the path to the swf must be relative to the website, and the path to the php page must be relative to the script (so if scripts.js & uploader.swf are inside assets, and placer.php is in the root, you must call FancyUpload2 with 'url': '../script.php', 'path': 'assets/Swiff.Uploader.swf')
This is very counter intuitive, and probably browser specific, so if you are having problems with __flash__argumentsToXML you may want to move all the folders to the root.

Chris · 1 year ago

Just posting in follow up to my post yesterday about this.parent(options) giving an error message. I don't really know why my post was dropped - are you screening posts that report problems? Anyway, I found that that this was fixed by changing the order of the JS link statements in the html code. This order worked for me: Mootools, FX, Swiff, fancy. Now it works. But despite being impressed with how nice it looks it really doesn't work very well. On 3MB files I tested (and other sizes too but these are slow enough to see the effect), it just ties up the browser for many seconds and then jumps to 100%. Is this something wrong in the swf file? Any suggestions why it does that? As otherwise I'm reverting back to a iframe approach. At least it's progress bar works, and why use flash when it doesn't show progress.

Ryan · 1 year ago

Ah ha! Order of script files fixed my this.parent issue as well.

mmgrant · 1 year ago

Wonderful script. I just have one problem that I can't seem to find the answer for. I get the error# 2038 when using firefox to upload. (IE it works fine). After doing some research, I found some people saying you need to add crossdomain.xml (cross domain policy) to the server root. I did this and still the same error. I am using https through port 443. My server is IIS if that matters. Any input would be of great help because I've been banging my head against my computer for days now trying to figure this one out. As a side question what is up with the mootools forum? I found so links to it but it seems to be down.

SamGoody · 1 year ago

@mmgrant
I used crossdomain a while ago, but as I recall you have to make sure you allow both http://website and http://www.website to get it to work. Also try make all calls to relative instead of absolute paths.
Could that be it?

About the mootools forums, I'm not a dev, but from what I've read:
Mootools has not been able to monetize their site. So it costs them a heck of a lot to run it, but they are not making any of that money back. To cut corners, they decided to do away with the community - the forums, the plugins, basically anything more than the library itself. [And they are pushing off an upgrade to keep their servers from buckling - notice the site's downtime.]
They opened up a completely non-intuitive Google Project page (free), and some people post there for lack of alternative. They have an IRC channel, but it is not for the newbie to Moo or to IRC. And they have a GITHub for those that are willing to learn GIT to post bugs.

Among them all, Digit is one of the biggest proponents of putting the community back together and adding it to the site (our.mootools.net?) Which they do have plans to do someday.
But considering that destroying a programming community is the equivalent of killing the program (Both Ext and JQuery started much later, and in the case of JQ offers less, but have left Moo behind in number of installs, press and plugins, 'cause they have great communities )

I'm sticking with Moo, at least for this week, but if Digit would please push a little more (go Harald go!) perhaps we can have our community back? And switch to Dreamhost or do CoLo and put Google ads up - we will live with it.

@Chris
I have not been having the problem you describe, but it is true that you must put the files into the correct order. The classes build on each other - Swiff using the FX class, so FX must be first. FancyUpload2 uses Swiff. and all of them use Mootools, so they must be in that order (Mootools, FX, Swiff, FU2)

@George
I found that the path to the swf (default - to the same folder) must be relative to the html page in both IE7 and FF3, but I remember reading that other browsers handle the path to a swf differently. (As I recall, inOReilly's AS Hacks he called this an unsolvable problem). The path to the php file should be relative to the swf (I think).

richard · 1 year ago

Is there any forums for this all. Also include fancy upload v1 and v2 for the discussion. I really need some help on deploying the fancy upload v1 and I need it to send additional input data. Any idea please reply. Any concern readers give links and tips.

mmgrant · 1 year ago

Ok, I figure out the problem with it not working with firefox through https. I made a bonehead mistake in my self-sign certification. The name of the certification didn't exactly match my domain name (stupid spelling mistake). To all who is having problems getting firefox working through https this is what you got to do.
1) Put the crossdomain policy (crossdomain.xml) in the server root folder in my case I am using IIS so the path was c:/inetpub/wwwroot.
2) Make sure your cert. is valid
3) Open IE and go to you site and add the cert. to your trusted sites.
4) Make sure you add the SSL port to your form action.
I hope this helps

adam · 1 year ago

where to download complete sample files

Peio · 1 year ago

Hello,

I am trying to use this script (which is pretty great by the way, thank you) in my website and I am having trouble with the PHP script called by the form. When I hit the "upload" link, the scripts starts and blocks when the first file reaches 100%.

I have tried to narrow down the problem but can't really find where it's coming from. I just know that if I remove this lines : http://paste.mootools.net/f4ddb9eaa , the script works. But of course it doesn't do what I need it to do, since those lines have a purpose :D

I don't know if the problem really comes from those lines or if it's something else in the script, but maybe you'll see something wrong, or might have an idea for a lead ... I'm pretty stuck right here :/

Thanks in advance for your help.

Chris · 1 year ago

I had a similar problem a while ago. I don't remember exactly how I fixed it but I think it was related to the message being sent back after each file not being valid. If I recall it turns out that each file goes up in a separate upload and then returns the xml result back. Something was wrong with that message coming back and the code wouldn't do the next file because of that. I'd start by looking at the result data. After your server code accepts and stores the file it needs to send the result text back. Hope this helps you get it working.

richard · 1 year ago


upload: function(options){
var current = this.options;
options = $extend({data: {var1:document.getElementById('optionGroup').options[document.getElementById('optionGroup').selectedIndex].value}, url: current.url, method: current.method, fieldName: current.fieldName}, options);
if ($type(options.data) == 'element') options.data = $(options.data).toQueryString();
return this.remote('upload', options);
},


Can anyone explain this line by line? Also, what is $extend for? And the this.remote?

richard · 1 year ago

BWAHAHAHAHAHA.... I don't need anymore the fu ck ing $_POST method of sending data the $_GET is good enough... WAHAHAHA SUCK IT SUCK IT fancy upload !!!

boppes · 1 year ago

Hi,

the script is working beautiful!
The only thing is: is it possible to upload more than five -images- / -files- at once?
I've already searched the code, but could not find where this restriction is placed.
Can anyone help me?

Thanks!

Peio · 1 year ago

In FancyUpload2.js, one of the first lines is:
limitFiles: 5,

you just have to change that ...

boppes · 1 year ago

tnx!
(how do you mean, I'm a noob :P)

chris hill · 1 year ago

Hi, I'm having problems. I have a PHP upload script which, when I disable Javascript and use the fallback form, works perfectly. However when I try to use fancyupload it just returns 'httpstatus 500'.

Am I right in thinking that setting 'fieldName': 'photoupload' means I should use $_FILES['photoupload']['tmp_name']; in my PHP? At the moment looking at the result shown by my script it looks as though nothing is getting sent to the server - I'm confused as to why this works with the fallback form but not the fancyupload method!

John · 1 year ago

On Ubuntu linux with Firefox 3.0 this demo locks up the browser completely when the upload button is pressed. It seems after a while when the upload is complete it returns to be available. Not so good behaviour but I don’t know what the problem is.

DarKAngeL · 1 year ago

Hello,
First of all, thanks for your project. It does what i expected.
But i have a problem with FIREFOX 2. In fact i modified your script in order to retrieve a thumbmail of the image that was uploaded. It works but i have got caching problems. Frequently the image wich is displayed, from the current upload is the image of a former upload. It's a caching problem.
I saw that you set a nocaching params, but it does'nt prevent this problem.
I would like a no caching that tells that each request thats is retrieved has'nt to be cached, but i just don't arrive to.
Would you have an idea on my problem ?

carlos · 1 year ago

Hello there,

On my setup: Ubuntu 8.04, Firefox 3.01 clicking on "Browse only Images" or "Browse files" shows an alert box saying "Error". It then does nothing else. I know it used to work fine but something has changed recently and now it is broken.

Chris · 1 year ago

I'm using it fine on same combo. But I do notice that when it uploads there is no progress and then it suddenly jumps to complete.

nick · 12 months ago

I have the same problem on some computers. An alert box appears when I click either of the browse buttons that says "error". This occurs on two computers (winxp sp2, FF2 and FF3, IE7). I have other computers that work just fine without the error. It did work in FF2 on this computer for a while, then recently started displaying the error. Any ideas?

Jerry · 1 year ago

Like swfupload. This uploadplugin does not work anymore with Flash Player 10 Beta 2. And it is very likely that it will not work anymore with Flash 10 Release.
Adobe does not allow the Browse File Dialog to be opened from a javascript. It can only be opened from a Flash Button. Are you working on a solution.

man · 1 year ago

Rio, respect!

Chris · 1 year ago

This has been working quite well for with Apache server but in testing it with Lighttpd it seems to not go at all. It stops quickly on upload and gives a httpStatus:400 message. I've been trying to trakc down what is causing this but so far no luck. Anyone have any idea? It's not 404 or 500 but is 400. I was hoping to be using Lighttpd for this project so it will be a drag is I can't use it.

@rdr@ · 1 year ago

hi
currently i am working with smarty. I used fancy uploader in the system.it is working when I give it inside a simple smarty file without including any other tasks, but if i include other tasks inside smarty under seperate conditions, it is not working. i fouund the error message that FancyUpload2.js is not defined.
Please give me any suggestions.

bt · 1 year ago

@rdr@,
You can fire the onError event by setting the header (like header('HTTP/1.1 404 Not Found'); in PHP).
The thing is the error event *will not* send you the json. You will only see the header (eg httpStatus 404). Error event are sent by IOErrorEvent (eg connexion lost) and SecurityErrorEvent (unknown).

To handle errors defined in the json response, you must provide your own onComplete function. You will find the default function in FancyUpload2.js line ~225.

bt · 1 year ago

Got my hands on this new version. Got this working quickly as I faced problems already on version 1.

Anyway about posting data, I found this way of doing it :
- In PHP, I insert inputs with type='hidden' and with the right value and name.
- In JS, before creating the fancy object, I get all the name/value pairs :

`var postData = {};

$('form').getElements('input[type=hidden]').each(function(input){
postData[input.get('name')] = input.get('value');
});`

Finally when creating swiffy, I use postData for the data parameter.

God posting with if form is awfull.
Anyway thanks a lot for the fancy upload :)

bt · 1 year ago

Got my hands on this new version. Got this working quickly as I faced problems already on version 1.

Anyway about posting data, I found this way of doing it :
- In PHP, I insert inputs with type='hidden' and with the right value and name.
- In JS, before creating the fancy object, I get all the name/value pairs :

`var postData = {};

$('form').getElements('input[type=hidden]').each(function(input){
postData[input.get('name')] = input.get('value');
});`

Finally when creating swiffy, I use postData for the data parameter.

God posting with if form is awfull.
Anyway thanks a lot for the fancy upload :)

bt · 1 year ago

If think you are missing a parenthesis in the PHP code :

*if (!$error && ($size[0] < 25) || ($size[1] < 25))* should be **if (!$error && (($size[0] < 25) || ($size[1] < 25)))**

Sorry for the double post before, my internet access is messy ATM ;-(

peti · 1 year ago

The example (on this site!!) and all my projects where I have used your script, doesnt work now, because I updated my flash player. :/ Im using FF3,Safari on OSX 10.5.

Gustavo · 1 year ago

can I use this with any php process script?

mdgoo · 1 year ago

I uploaded the demo project here:
http://billige-støvsugerposer.dk/admin/fancyupl...

how do i get around with the extended character?

Hong Quan · 1 year ago

It seems that it doesn't work on Linux. I use Ubuntu 8.04 and Firefox 3.0.1.
I checked and found the line "this.parent(options)" inside FancyUpload2.js (method initialize) didn't work

RvW · 1 year ago

i use is in my cms systeem and it works just fine!

tnx verry much

titter · 1 year ago

Hi. I use spring (java) and swiff uploader. Unfortunatelly I have one problem. In my request I don't have "Filedata", and when I do the following I get fileItems.size() = 0.

FileItemFactory factory = new DiskFileItemFactory(4096, null);
ServletFileUpload upload = new ServletFileUpload(factory);
fileItems = upload.parseRequest(request);

Does anyone know what is wrong? Or what can be wrong? I will add that when doing this code with simple jsp it got everything I needed to parse those requests...:/

Please help me somehow :)

Quenten · 1 year ago

I'm attempting to use this in a jsp as well, do you have some example jsp code you could post to help others in integrating this into their systems?

Rick · 1 year ago

Yeah! Your uploader is awesome! *donate*

H · 1 year ago

Hi,can you help me ?? I meet a big prolem when I use this fancyupload.....It is okay when uploading small size file like image of other small thing ..But it usually fail when upload a little big file (it just is 15M or less) then it will return a message "Missing file or internal error"....I don't know what happen..and I try to debug ...But fail....

Silver · 1 year ago

Increase both post_max_size and upload_max_filesize PHP directives (default: 8M), or Apache will abort the upload before action.php could realize the file is too big.

"if(big-size)" condition included in action.php is useless unless you want to prevent uploading a file which size is superior to 2MB (as an example) but lower than PHP directives.

André Lima · 1 year ago

The exemple does not work for me... Windows Vista - Firefox 2 and IE 7 - several JS errors.

Silver · 1 year ago

Hello there,

I came back yesterday after 1 year or so and realized how great the new version is! Congratulations.

I will post some code suggests about the uploader behavior when I'm done with adapting Fancy Uploads to my needs.

At that very moment I met with that issue: when I "remove" a file from the list, or when I "clear the list" and launch the upload, the "removed" file does still upload!

I can't figure out what happens (or not). How to read logs? And if I don't find out by myself, what do you need to solve the problem?

Thanks a lot.

yangming · 1 year ago

Can I ask a question?
FancyUpload can not work well in IE6( windows xp with sp1 )

yangming · 1 year ago

initializeFlash in FancyUpload.js is not work ! But why?

yangming · 1 year ago

I findout FancyUpload support ActiveXobject 8,9 ,but in IE6( windows xp with sp1 ) only ActiveXobject 5 in default!

MaoBearBear · 1 year ago

So is there any method to let the windows xp + IE6 users to use FancyUpload except updating the IE?

MaoBearBear · 1 year ago

So is there any way to let the Windows XP + IE 6 users to use the fancyupload except updating the IE to IE7?

Alexander · 1 year ago

Hello :) I want to ask Where I can find the files on the server and how to acces to them? :) THX

Alexander · 1 year ago

Hello again. i manage with the previous problem but now i get
securityError
Error #2038
when i try to upload bigger files like rar files like 200 mb

philipp · 1 year ago

great invention.
works great, but one weird thing: logfile success, file gets uploaded, but i get the "file-failed"-css class for the file. in php, the success-case is taken.
strange. im working with codeigniter 1.6.3 and a separate upload controller.

midianva · 1 year ago

those with issues in random instances of firefox 3. it seems that, from what i have found, in some cases the object code created by swiff does not work. not the fault of swiff, but some bug in firefox with some random configuration tripping it. anyways, to fix, an embed needs to be generated instead of an object to load the flash. it does work in combination of object+embed, but embed only thus far.

midianva · 1 year ago

FYI I did not post the fix code as my dev copy of mootools + fancyupload is VERY extended.

but swiff.base can be fairly easily modified to accomodate creating an embed tag.

midianva · 1 year ago

plus firefox 3 can be specifically detected using


if(navigator.oscpu && navigator.userAgent.match("rv:1\.9")){
// do stuff here
}

qwe · 1 year ago

qwerqwer

qwe · 1 year ago

zvxvcxcvxcv

qwe · 1 year ago

kekekekekekeke tyty

Anonymous · 1 year ago

Help,

When trying to uplaod an mp3 file, i modded the script to allow it, but the overall progress bar overtakes the file bar and it says infinity MB???

It never actually uploads.

Help

Hansenet · 1 year ago

Like swfupload it does not work with flash player 10 Beta.

qweqw · 1 year ago

qwewq

rralian · 1 year ago

Do you have any suggestions for a method to detect flashblock? FancyUpload fails for me if the swf file is unable to load. I'd just like to be able to show someone a message saying "Please disable flashblock to use this page." I saw a method out there of rendering the chrome image and detecting if it loaded, but it doesn't work for me when I test it out.

Cyril · 1 year ago

It'll never work with new Flash Player 10 unless Swiff.uploader.swf is modified to display the "browse" button, and call the "browse" method when clicked (as FlashPlayer10 new security code prevent Javascript from triggering the SWF's "browse" method).

boppes · 1 year ago

Hi,

I love this gadget!
But I still want to add more parameters that I want to send to script.php!
How to do that exactly? Or where can I find how to do this?

Thanks!

Bob

sim · 1 year ago

extend the class
here is my example

var MyFancyUpload = new Class({
Extends: FancyUpload2,
onAllComplete: function(current) {
this.parent(current);
// No alert, its callback from flash, don't make crazy things here because Flash waits for the return(???)
//this is where we can do ajax calls to update the page -or reset the extra form fields etc
updatepage();
console.log('All Done!');
}
});



call an instance of your extended class

window.addEvent('load', function() {

var swiffy = new MyFancyUpload($('filup-status'), $('filup-list'), {
'url': $('form-filup').action,
'data':$('form-extra'),
'fieldName': 'fileupload',
'limitFiles': 1, //single file only
'path': 'js/Swiff.Uploader.swf',
'onLoad': function() {
$('filup-status').removeClass('hide');
$('filup-fallback').destroy();
}
});

Make a form containing your required form fields for additional data -in my example the form is called 'form-extra' .The fields in this form will be posted to your upload php file ( data':$('form-extra'),)

in my example the extended class i made allows me to to update the page after an upload because of the extra method onAllComplete: with which i call a custom function updatepage() in my example.

hope this makes sense -

sim · 1 year ago

correction:
the form for additional data has id=‘form-extra’

sabaddid · 1 year ago

File upload 2038 security error:

I am having a very unique problem with File Uploading in the home computer which is connected through the wireless router.

When I try to upload files on Gmail, Hotmail(Takes a long time) and Yahoo(Takes a long time), the files upload and can be attached to emails. However, when i try using our Order Center or GDS upload feature, we are running into issues as seen in the attached image.

However, when i am connecting directly through a cable(Not wireless device), file is uploading OK from Order Center or GDS. The same works when I use the Tata Indicom WIFI USB datacard.

Obviously, Gmail is doing some magic and file uploads are very fast. Hotmail and Yahoo also are doing it but very inefficient and slow.

This is a unique issue that I am facing with only home wireless router. The office router does not have this problem.

Any idea what the issue could be and how it can be resolved. One way to approach it, is reconfigure the wireless router at home. Maybe we used some option there that is causing the problem. However, that is not going to solve our issue. But the question is how is Google able to circumvent this issue and seemlessly upload files.

sabaddid · 1 year ago

File upload 2038 security error:

I am having a very unique problem with File Uploading in the computer which is connected through the wireless router.

When I try to upload files on Gmail, Hotmail(Takes a long time) and Yahoo(Takes a long time), the files upload and can be attached to emails. However, when i try using Fancy Upload, we are running into issues.

Obviously, Gmail is doing some magic and file uploads are very fast. Hotmail and Yahoo also are doing it but very inefficient and slow.

This is a unique issue that I am facing with only wireless router.

Any idea what the issue could be and how it can be resolved. One way to approach it, is reconfigure the wireless router. Maybe some option is there in fancy upload that is causing the problem. But the question is how is Google able to circumvent this issue and seemlessly upload files.

jepedo · 1 year ago

Hi digitarald,

First off FancyUpload is the slickest file upload enhancement I have come across. Kudos for a job well done.

I am having an issue with onBeforeOpen which I could use some help with. I am creating text inputs for each file that is being uploaded and altering options.data to send the appropriate input with the file. If I alter the onBeforeOpen in your fancyUpload2 class then I can get it work in Firefox and Safari. However IE does not see the update to the data.options. If I use the method you have suggested with 'onBeforeOpen':... it does not work in any browser. I put a stripped down sample at http://diamond.designlab.net/fancy. Any suggestions?

Thanks for your time!

albert · 1 year ago

Hi
sorry for my simple question, but I have searched and not found the solution.
Wher I have to write the extensions allowed for upload
Eg I want to be able to upload jpeg, pdf, zip and doc
Please, to what files and row I have to write this .
Regards

sim · 1 year ago

set the option types in fancy upload.js like this

options: {
url: false,
swf: 'Swiff.Uploader.swf',
multiple: true,
queued: true,
types: {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png' ,'Documents(*.doc,*.txt,*.pdf,*.xls)':'*.doc;*.txt;*.pdf;*.xls','Archives (*.zip,*.rar)':'*.zip;*.rar)','Audio (*.mp3,*.wav)':'*.mp3;*.wav)','Supported Filetypes':'*.jpg; *.jpeg; *.gif; *.png;*.doc;*.txt;*.pdf;*.xls;*.zip;*.rar;*.mp3;*.wav;' },

limitSize: false,
limitFiles: false,
createReplacement: null,
instantStart: false,
allowDuplicates: false,
optionFxDuration: 500,
container: null,
queueList: 'photoupload-queue',
onComplete: Class.empty,
onError: Class.empty,
onCancel: Class.empty,
onAllComplete: Class.empty
},

sim · 1 year ago

try again ..gosh this formatting is tricky with no preview or edit

example of filetypes options in fancyupload.js
options: {
url: false,
swf: 'Swiff.Uploader.swf',
multiple: true,
queued: true,
types: {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png' ,'Documents(*.doc,*.txt,*.pdf,*.xls)':'*.doc;*.txt;*.pdf;*.xls','Archives (*.zip,*.rar)':'*.zip;*.rar)','Audio (*.mp3,*.wav)':'*.mp3;*.wav)','Supported Filetypes':'*.jpg; *.jpeg; *.gif; *.png;*.doc;*.txt;*.pdf;*.xls;*.zip;*.rar;*.mp3;*.wav;' },
limitSize: false,
limitFiles: false,
createReplacement: null,
instantStart: false,
allowDuplicates: false,
optionFxDuration: 500,
container: null,
queueList: 'photoupload-queue',
onComplete: Class.empty,
onError: Class.empty,
onCancel: Class.empty,
onAllComplete: Class.empty
},

sim · 1 year ago

no that did not work either
@disqus : your comment system sucks
-i hope Harald can find time to set up a better one some day

sim · 1 year ago

btw -the flash file reference document linked from this page gives full details of how to format code for the flash filebrowser widget

Read the notes Harald provided,read the code,read the comments -all the answers are here if anybody is having difficulty implementing the highly useful FancyUpload.

sim · 1 year ago

actually just realised that i gave you a reply that was using fancyupload1 code
in fancy upload 2 you would do something like this when you create an instance of fancyupload2 for your uploader page html

$('filup-browse-all').addEvent('click', function() {
swiffy.browse({'Supported Filetypes':'*.doc;*.txt;*.pdf;*.xls;*.mp3;*.jpg; *.jpeg; *.gif; *.png'});
return false;
});

sim · 1 year ago

and
$('filup-browse-files').addEvent('click', function() {
/swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
swiffy.browse({'Audio (*.mp3)':'*.mp3' });
return false;
});

sim · 1 year ago

try again

$('filup-browse-files').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
swiffy.browse({'Audio (*.mp3)':'*.mp3' });
return false;
});

pcdinh · 1 year ago

Hi Harald Kirschner,

Is is obvious that if the JSON response string contains escaped double quotes, FancyUpload refuses to render the it. onComplete() and fileComplete() is totally bypassed in that case

This bug can be tested with FancyUpload 2.0beta4

pcdinh · 1 year ago

Hi Harald,

Is there any way to get raw Ajax response in onAllComplete()?

pcdinh · 1 year ago

FancyUpload will not work with Flash Player 10: http://theflashblog.com/?p=423

"In previous versions of the Flash Player, you could programmatically call the FileReference.browse() method to open a file browser dialog window which enabled users to locate a file on their system so that it could be uploaded to a server. Many existing applications use this feature including various WordPress and Flickr uploaders. In Flash Player 10 you can no longer spawn this dialog window programmatically and it must be initiated by a user click. The attempt to launch the dialog with code will throw a security exception, effectively breaking these existing applications."

The same to FancyUpload

ekid · 1 year ago

where to dowload?

awe · 1 year ago

have anyone can provide $_POST tourist ?

elfkid · 1 year ago

dear all
this is fancyuplaod v1

element: new Element('li').setHTML('<span class="queue-file">'+ name +'</span><span class="queue-size" title="'+ size +' byte">~'+ Math.ceil(size / 1000) +' KB</span><input name="title" type="text" id="title" maxlength=30 />').injectInside(this.queue)
});


this is fancyuplaod v2

(this.options.fileCreate || this.fileCreate).call(this, file);
this.files.push(file);

how to add <input name="title" type="text" id="title" maxlength=30 />

thanks a lot

Stefan Pausch · 1 year ago

Why can't i alter the options.url in IE7. The code works fine in Firefox.

...
fileUpload: bildupload,
...
function bildupload(file,options){
options.url = this.options.url+'&image_id='+image_id;
return options;
};

Pixelthing · 1 year ago

has anyone else noticed that the progress indicator becomes less and less responsive, the more options.data arguments you give it?

Should I be doing this a better or smarter way... for instance appending the extra arguments to the url, rather than the options.data object?

Pixelthing · 1 year ago

in answer to my own question - yes, sending extra data arguments by appending them to the URL gives a much more fluid progress bar, ass oppose to adding them to the options.data object. Curious.

Mitch · 1 year ago

This uploader doesn't work with the soon-to-be-released Flash version 10. Adobe has changed the security model preventing the programmatic calling of the browse function. Is there a work-around for this?

Custom Software Developement · 1 year ago

Really nice and usefull stuff....

Robert · 1 year ago

Great work. I really hope that you will find a solution to the allready mentioned problem that will occur when adobe flashplayer 10 gets released.

Jim Red · 1 year ago

I've get an 301 Error on OS X. Is there maybe a bug? Thank's for advice.

Tom · 1 year ago

Hi guys, I will want to change the option to upload just one file and that the user CANNOT upload more than one file.

Thanks for your help, if you can let me know where i can change that.

Thanks a lot for your help

Nicholas Fellows · 1 year ago

Sorry to be Anal, but is your markup correct?

Im pretty sure that label should be used like this
<label for="fieldname">data</label>
<index id="fieldname>
as opposed to

<label for="fieldname">data
<index id="fieldname>
</label>

which is what you have ?

Jacqi · 1 year ago

Is there a way to send the user an e-mail confirming their upload?

Thanks.

Nicholas Fellows · 1 year ago

- I think that would be something you would have to develop yourself - since its gonna be specific to what you are running on your server. PHP has its own mail component. Assuming its been set up correctly you could just tag it onto the end of whichever script you are using to manage process the image upload.
I f you are using the digitaralds PHP script you could slot it into the if clause where you see the "success" result.

N.

Jacqi · 1 year ago

Thanks! It works like a charm.

Nicholas Fellows · 1 year ago

sorry - Im being picky - im still trying to upgrade from FancyUpload to V2.
I found an error in your demo CSS

in

#demo-list li.file .file-info

you have

"clear" with no parameter

thats invalid css

N.

should it be
clear: left; ?
clear: right; ?
or
what ?

N.

dmcs · 1 year ago

Two issues I've found with fancy uploader. One is the SWF doesn't like to be given a 0 byte file. The FancyUploader2 comes to a sceeching halt with no error messages or anything. THe page has to be refreshed to spark it back to life. Two is the SWF strips off the file's Mime-Type and replaces it with "application/octet-stream". This is the Http Posted File's .ContentType property. Is there any fix for seeing the actual Mim-Type/ContentType of the file being uploaded by the SWF?

FredrikC · 1 year ago

As there is normally the browser who does the mime-recognition-part in uploads and this isn't an option when uploading with flash you have to implement that function in the server (eg the php/asp/whatever that receives the file) to get proper mime-recognition.

Konrad · 1 year ago

You upload is very nice. Thank You!
I modified FancyUpload2 a little by adding lang variable, which allowed me to translate the file easier (basically all language strings are in one place):
`
var FancyUpload2 = new Class({
Extends: Swiff.Uploader,
options: {
/* ........ */
},
// for translations --KG
lang:{
file_progress: 'File Progress',
upload_time1: 'Upload with ',
upload_time2: '/s. Time left: ~',
upload_complete:'Upload complete!',
overall_progress: 'Overall Progress',
no_flash: '<span style="color:red;">Oops, perhaps there is no Flash plugin installed in your browser ...</span>'
},
/* ....... */
`
then I could refer to them as eg. this.lang.file_progress, etc.

JgrSpain · 1 year ago

Hi:

FancyUpload 1.0 and 2.0 don't work with Flash Player 10. Any solutions?

Thanks!!

asp.net · 1 year ago

thx., great code!! :)

asp.net · 1 year ago

great!

Mohan · 1 year ago

Hi Everyone,
I am using this multiple file uploader for as a standalone application to learn how to use it. I want to do redirect to a different page after the files have have been uploaded. At the same time if none of the files get uploaded I want to remain in the same page. I am not able do this.
I need some heads up from you guys.

Thanks,
Mohan

albert · 1 year ago

Hi
thanks for your work, but I have a question please.
I want to be able to upload txt and pdf documents.
I followed your example (PHP and fancyupload2), but the script not upload .txt or .pdf;
upload only images.
I have to modify the SWF files to be able to upload .txt and .pdf ?
I dont have CS3 Flash to see or modify the SWF.

ps. thanks to Sim who tried to help me, but his examples do not work


$('demo-browse-all').addEvent('click', function() {
swiffy.browse();
return false;
});

$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png', 'Documents (*.txt, *.pdf)': '*.txt; *.pdf'});
return false;
});

sim · 1 year ago

$('filup-browse-all').addEvent('click', function() {
swiffy.browse({'Supported Filetypes':'*.doc;*.txt;*.pdf;*.xls;*.mp3;*.jpg; *.jpeg; *.gif; *.png'});
return false;
});

$('filup-browse-files').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png',‘Documents (.txt, .pdf)’: ‘.txt; *.pdf’});
return false;
});

that works for me.
try
$('filup-browse-all').addEvent('click', function() {
swiffy.browse({'All Files':'*.*'});
return false;
});
that will allow you to browse any sort of file

albert · 1 year ago

Hi Sim
this is your code
$(‘filup-browse-all’).addEvent(‘click’, function() { swiffy.browse({‘Supported Filetypes’:’.doc;.txt;.pdf;.xls;.mp3;.jpg; *.jpeg; *.gif; *.png’}); return false; });

Can you explain me please why in some extension toy put the asterisk (*) like *.gif .. and in some no .. like .pdf ... or .doc
Your code for me not work.

sim · 1 year ago

Object with (description: extension) pairs

swiffy.browse({'Supported Filetypes':'*.jpg; *.jpeg; *.gif;*.png;*.doc;*.txt;*.pdf;*.xls;*.zip;*.rar;*.mp3;*.wav;' });

sim · 1 year ago

file browser with 4 filetype options in the browser pulldown
the text before the : is a description the *.ext part is the file extension filter for the browser widget

swiffy.browse({Images (jpg, jpeg,gif,png)': '*.jpg; *.jpeg; *.gif; *.png' ,'Documents( doc, txt, pdf, xls)':'*.doc;*.txt;*.pdf;*.xls','Archives (zip,rar)':'*.zip;*.rar','Audio (mp3,wav)':'*.mp3;*.wav' });

albert · 1 year ago

OK
I used your code, copy and paste and I receive this error when try to upload pdf

"Please upload only images, no other files are supported."


WHY ?

sim · 1 year ago

search your code for that string-"Please upload only images, no other files are supported" and you may find the answer.

hint:check your php script that you are uploading files to.

albert · 1 year ago

Yea
I finded by myself the solution
I have to modify the php file script.php and not only this code

$('filup-browse-files').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png',‘Documents (.txt, .pdf)’: ‘.txt; *.pdf’});
return false;
});

So I have a hint for you:
the next time you try to help someone, please give complete help, and not riddle, if you know the solution.

Thanks for your time and yours answers.

sim · 1 year ago

ooh snarky
i might not bother helping in future

defender · 1 year ago

>Hi:
>
>FancyUpload 1.0 and 2.0 don’t work with Flash >Player 10. Any solutions?
>
>Thanks!!

It's a Flash Player 10 issue. It's because the browse button is javascript based and the stupid guys from Flash think it is a security issue when the browse button is triggered from a javascript.

chris · 1 year ago

i need send more values with this excelent class helpme please, where i have change?

Tino · 1 year ago

Hello I use 2.0 Beta 4

but I get always

ioError
Error #2049

What do I wrong?

chuck · 1 year ago

ioError has to do with your cross domain policy file. Make sure that is set up on the domain you are uploading to and that its not being cached.

Cosmin · 1 year ago

hi, definetly NOT working for me...

you can see it in action @

http://sinaiaforever.ro/upload/

log file :

http://sinaiaforever.ro/upload/script.log

Chuck · 1 year ago

I have the uploader working fine in all Browsers but IE7. I'm getting a javascript error "Object doesn't support this property or method" and have no idea why. I've used all the same stuff as on digitarald.de where it works fine on IE......any suggestions?

Thanks

Andres · 1 year ago

Hello in Firefox works but in IE7 whit Flash 10 display me this error http://cstutienda.com/error.jpg

very thanks

JJam · 1 year ago

Same here, IE8b2 + FP10, "Error" message.

FF2/3, O9.5 and S3 work just fine.

Iunknown · 1 year ago

fancyupload2.js line107 files.length and current.bytesTotal is not correct if limitSize or limitFiles is set and errors.length > 0 in onSelect: function

djusy · 1 year ago

Hey great script. I have just 2 questions ? How can i disable max limit upload which is now 5 to unlimited and how can i increase the allowed maximu size of image to upload which is now just 2MB like to 6MB or 8MB

seal · 1 year ago

Easy! :)

Question 1: In the file: fancyupload2.js change the parametrer: limitFiles: 5, to 10.
Question 2: In the php file, change next

if (!is_uploaded_file($file) || ($_FILES['photoupload']['size'] > HERE * 1024 * 1024) )
{
$error = 'Please upload only files smaller than 2Mb!';
}

For your range multiplicator.

Bye!

KillerSponge · 1 year ago

Really weird: I'm using absolute url's, and depending on if I put 'www.' before the url's, it either works in IE and Opera, or Firefox. Otherwise it just crashes. All browsers do this. It's really weird :S

dotcom · 1 year ago

Had problems getting going because i did not have the javascript loading in the correct order they should be listed like this

<script type="text/javascript" src="scSwiff.Uploader.js"></script>
<script type="text/javascript" src="Fx.ProgressBar.js"></script

<script type="text/javascript" src="FancyUpload2.js"></script>

dotcom · 1 year ago

typo

<script type=”text/javascript” src=”Swiff.Uploader.js”></script>

velne · 1 year ago

Have you noticed that fileLimit does not work with IE (any with FP9) at all?

mike · 1 year ago

Why isn't it a RULE to post a both a working demo and a download link?

Nathan Wright · 1 year ago

We've extended FancyUpload so that the server returns a JSON response with XHTML and javascript within. (This allows the user to upload many large files and fill in metadata for each file as it finishes uploading.) On a fraction of requests, however, the response never reaches the FancyUpload javascript, and it remains 'in-progress' while the rest of the queue is completed. We're certain that the server-side action finishes successfully. I'm going to install CS3 and poke through the Flash code, but does anyone have any ideas?

Nathan Wright · 1 year ago

Forgot to mention, this is with Firefox 3.0.1 on OSX Leopard.

Thomas · 1 year ago

Guys anyone has a solution for the IE7 Error Popup?

Thanks,
Thomas

dyk · 1 year ago

is it possible to limit ONLY browse-all or browse-image to select to 1 file?

Thanks

Chris · 1 year ago

Hi. Can you tell me where exactly you use Flash? Do you use it for the Progress Bar? Thank you

boris · 1 year ago

Hi people,

Ik got this error when I upload an image:
Missing file or internal error!

This is the url of my demo: http://fredrotgansmedia.nl/pic_test.php .

But as you can see, it doesn't work.

This is my php-code:
[code]<?php

$result = array();

if (isset($_FILES['photoupload']) )
{
$file = $_FILES['photoupload']['tmp_name'];
$error = false;
$size = false;

if (!is_uploaded_file($file) || ($_FILES['photoupload']['size'] > 2 * 1024 * 1024) )
{
$error = 'Please upload only files smaller than 2Mb!';
}
if (!$error && !($size = @getimagesize($file) ) )
{
$error = 'Please upload only images, no other files are supported.';
}
if (!$error && !in_array($size[2], array(1, 2, 3, 7, 8) ) )
{
$error = 'Please upload only images of type JPEG.';
}
if (!$error && ($size[0] < 25) || ($size[1] < 25))
{
$error = 'Please upload an image bigger than 25px.';
}

$addr = gethostbyaddr($_SERVER['REMOTE_ADDR']);

$log = fopen('script.log', 'a');
fputs($log, ($error ? 'FAILED' : 'SUCCESS') . ' - ' . preg_replace('/^[^.]+/', '***', $addr) . ": {$_FILES['photoupload']['name']} - {$_FILES['photoupload']['size']} byte\n" );
fclose($log);

if ($error)
{
$result['result'] = 'failed';
$result['error'] = $error;
}
else
{
$result['result'] = 'success';
$result['size'] = "Uploaded an image ({$size['mime']}) with {$size[0]}px/{$size[1]}px.";
}

}
else
{
$result['result'] = 'error';
$result['error'] = 'Missing file or internal error!';
}

if (!headers_sent() )
{
header('Content-type: application/json');
}

echo json_encode($result);

?>[/code]

boris · 1 year ago

Edit: I made a non-fancy upload, upload ;)
http://fredrotgansmedia.nl/uploader2/test.php
The output you see is coming from this code:
echo '<pre>' . print_r($result, true) . print_r($_FILES, true) . '</pre>';

As you can see, he just doesn't get the $_FILES or something, does anybody know the answer to this?

Martin · 1 year ago

The function __flash__argumentsToXML is not defined. Is there some library I'm not including? This seems to be an adobe function, but I'm lost here - what have I missed?

This is being called at the beginning of a file browse. The parameters appear to be setting up correctly.

mx3design · 1 year ago

Make sure your path to SwiffUploader.swf is correct within SwiifUploader.js

lookatthosemoose · 1 year ago

That didn't help either ... anyone with any other clues?

MS · 1 year ago

Is there going to be support for Flash 10?

Chris · 1 year ago

Hi. I downloaded the required files, I copied the javascript, html and php code from the site, I modified it according to my needs but I don't understand where I send the files to the server so the php code can save them. I put a breakpoint in the php and the $_FILES[‘Filedata’] is empty, so the files are not beeing sent. Pls help me. Thank you

kondou · 1 year ago

i upload SUCCESS!! but i can't find my upload files, how to setup upload files direct?

Cristisor · 1 year ago

please give me a e-mail address where I can write you, I need to ask u some questions about how to make it work. Thanks!

anton · 1 year ago

I am having the same problem as you. Could you let me know if you find out where the files are being uploaded to?

Adam · 1 year ago

Try this: add after your last elseif error check:

else {
move_uploaded_file($_FILES['photoupload']['tmp_name'], "uploadedfiles/".$_FILES['photoupload']['name']);
chmod("uploadedfiles/".$_FILES['photoupload']['name'], 0777);
}

anton · 1 year ago

Nice one! thats done the trick

mamjed · 1 year ago

man is there a download file. i keep geting missing assets.

Tim · 1 year ago

When I add larger files the progress bar is not smooth it stops at like 30% then at the end of uploading it jumos to 100% any one know why??

Thanks in advance.

james · 1 year ago

Nice effort, but this is awful. There's no working demo to download, and it's impossible to get this running without hours of headaches. Don't bother, it's easier to write yourself than to try getting this thing to work.

lookatthosemoose · 1 year ago

Here's a link to a packed FancyUpload. Not sure why author wont/hasnt included this somewhere on the site...
http://www.rioleo.org/getting-fancyupload-to-wo...

Nuttin · 1 year ago

Hi,

I'm using a fresh install of Joomla 1.5.7 with the flash upload that came boundled with it. When I try to upload I get a 404-error, and I didn't know what to do with the info provided above on that error.

Uploading using non flash methods works. Any ideas?

Adam · 1 year ago

The process is working for me in IE. However, running it in Google Chrome browser returns a 404 error. Does anyone know where/how to fix this?

Thanks.

Nick · 1 year ago

Does anyone know where the request actually gets sent to script.php?

I'm trying to pass a $userID variable along with it so users upload to their own folders, but I can't find where to pass the variable to script.php. Thanks

Nick · 1 year ago

Sorry, replied to a user post instead of creating a new post:



Does anyone know where the request actually gets sent to script.php?

I’m trying to pass a $userID variable along with it so users upload to their own folders, but I can’t find where to pass the variable to script.php. Thanks

Adam Bomb · 1 year ago

Let's say you have this in your form:
<input type="hidden" name="userID" value="12345">

ADD one line to the "JavaScript & MooTools" page script:
window.addEvent('load', function() {

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': '../../source/Swiff.Uploader.swf',
***** 'data': $('form-demo'), *****this line here without the **** and comments. make sure the form name is correct
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});

In the "PHP Script" after "$size = false;" ADD the following line:
$userID = $_POST['userID'];

You can then manipulate the $userID variable throughout your script just like any other PHP variable.

Jake · 1 year ago

Does anyone know why it is converting image/jpeg filetype to application/octet file type and where I can change this?

Adam Bomb · 1 year ago

The php.net site says this about uploads: "This mime type is however not checked on the PHP side and therefore don't take its value for granted."

I couldn't figure out why the image type is passed to the script as an application/octet type, so I added a check. I only allow jpg and gif uploads, and here is how I check:

{ if(ereg("gif",$size['mime'])){
$extension = ".gif";
}//if
elseif(ereg("jpeg",$size['mime'])){
$extension = ".jpeg";
}//elseif
}

An upload is provided in five parts in PHP (see http://www.php.net/manual/en/features.file-uplo...). However, these references don't necessarily work with Swiffy. Instead of being able to use "$_FILES['userfile']['type'] ", you can use "$size['mime']" to get the type. Then I just use the variable $extension to pass the type through my script.

Adam Bomb · 1 year ago

The code posted ugly, trying again...


if(ereg(“gif”,$size[‘mime’])){
$extension = “.gif”;
}//if
elseif(ereg(“jpeg”,$size[‘mime’])){
$extension = “.jpeg”;
}//elseif

unisafe · 1 year ago

Hi everyone,
I have been wondering if someone could help me how to upload a huge sql database to phpMyadmin. My problem is everytime I upload, it takes more time than it is allowed. Result...only a portion of db is uploaded. My site is down since longtime.
www.goldclix.org

Adam Bomb · 1 year ago

Contact your web host, they may be able to help.

Henri van de Geest · 1 year ago

Thanks! it looks and works great.
Only i big problem for me:
I just cant get it to work with uploading files over 2mb in size.
i changed the code a bit to remove the limit, but is doesnt seems to help.
Can you help?

Adam Bomb · 1 year ago

First, change this line in your PHP Script:
if (!is_uploaded_file($file) || ($_FILES['photoupload']['size'] > 2 * 1024 * 1024) )

Mine is set to 6 * 1024 * 1024.

You will then have to check with your web host to make sure that your site's PHP settings allow greater than 2MB files to be uploaded. I believe I had mine changed to 10MB.

Martin · 1 year ago

You need to set upload_max_filesize in your php.ini file to something more than 2mb which is the default size
upload_max_filesize = 16M
for example
if you don't have access to the php.ini file check the documentation on your hosting provider and see if you could make php.ini files per directory and put this in that file.
It would be also good idea to set max_input_time to
max_input_time = 120
or even more, that's your choise , it depends on the upload speed you have :)

set post_max_size to 16M
is also good idea i think , but i'm not sure.

christophe · 1 year ago

hi, hope some can help me :
I would like to know if it's possible to add more extensions file for upload as .pdf, .doc , .eps or else ?
could you tell me how to do please ?
thanks for all.

Michael · 1 year ago

Bonjour tout le monde :)

Je viens d'ajouter ton script sur mon site, je les modifier pas mal, pour l'ajouter a un script, etc... donc comme ce sera servit par pas mal de monde, j'ai remplacer " FancyUpload " par " FancyUpload car sa ne vient pas de moi, je l'est juste modifier donc je voulais que ce soit connu, en plus il est trop bien ton script :).

Peter · 1 year ago

Sorry for my English, I help with the translation of google!

I was asking how can automatically create a new folder for each new upload ... for example in md5 or SH1 or the date.

Peter · 1 year ago

I'm using this hour, but creates for sending multiple creates a folder for each file

<?php
$target = basename( $_FILES['photoupload']['name']);
$md5 = md5_file($_FILES['photoupload']['tmp_name']);
if(!file_exists($md5)) mkdir($md5);
if(move_uploaded_file($_FILES['photoupload']['tmp_name'], $md5 . "/" . $target))
echo "http://www.example.com/uploaded/$md5/".rawurlencode($target);
else
echo "Sorry, there was a problem uploading your file.";
?>

Matthew · 1 year ago

Hi, did you know this doesn't work on flash 10? When I press browse an alert box saying error appears

lucky · 1 year ago

doesn’t work on flash 10 too..

lucky · 1 year ago

and doesn’t work on flash 10 for 1.0 also.

envisean · 1 year ago

I second that. I cannot get it to work for Flash 10 under Windows XP IE6. It seems to truck along just fine with Flash 9, OSX (FF2&3, Safari), Windows XP IE7.

Any ideas on what might be causing this generic "Error" alert to popup for WXP IE6?

Defender · 1 year ago

First Flash 10 is not offical released yet.

The problem comes from Adobe. The droped support to call File Browser from Javascript. The guys have to rewrite there code in order to call the File Browse from Flash directly with a button.

It seems that the author is not working on project at the moment.

See swfupload.org for more details on the problem. Swfupload is a similar upload plugin and they are one step further with the solution (see the code update for fixed version)

bäm · 1 year ago

it's released offical

lucky · 1 year ago

can you give me the link?

bäm · 1 year ago

just google "adobe flash player" ;-) at least on the german version of the site you will get flash10.

Marcos · 1 year ago

Yes its true it was released today and lots of people its upgrading to Flash Player 10, so no more Fancyupload :(
It sucks

Defender · 1 year ago

Damn, you are right.

Here is the offical statement and the fix!!!!!!

http://digitarald.de/journal/54706744/fancyuplo...

banesto · 1 year ago

how can i add additional parameters to send?

Oliver Treend · 1 year ago

You could add parameters to the end of the form action url, therefore it would be a GET request.
e.g. process.php?a=0&b=4&c=fish

ie bug · 1 year ago

Have you noticed that file limit doesn't work with IE6, 7?

Oliver Treend · 1 year ago

Does this work with Mac?

lookatthosemoose · 1 year ago

currently FF3 Mac has issues. I'm chatting w/ Harald about it.

digitarald · 1 year ago

Only the size of the flash seems to be the issue. Do you have a test case?

lookatthosemoose · 1 year ago

my test case is actually just loading this page (http://digitarald.de/project/fancyupload/2-0/sh...) in FF3 mac.
Also, just tried your latest version committed on github (088ff722f06672dc4b7105b479d9aada2afcb46e) on my implementation,same result -- fallback behavior.

TK · 1 year ago

cannot download the files on my mac (safari & firefox) also tried right-click save-as

Cass · 1 year ago

Has anyone tried to use this with IBM/Lotus Domino? If so how did you get a handle on the uploaded files?

I have tried swfupload in the past and have not had any luck with this.

bobby · 1 year ago

how can I compile de .as file to swf?

digitarald · 1 year ago

I used the open source solution [FlashDevelop](http://www.flashdevelop.org/), project file is included.

tajny · 1 year ago

Flash 10 , ff you initialize fancy upload on a window ( mocha window for example ) you have to set z-index to div containing swf object greater than that window , otherwise , link to browse will be under the window and it will not work ( put it in load in swiff.uploader.js or onload in your extended object )

digitarald · 1 year ago

Added on github.

tajny · 1 year ago

another problem is that if window moves, div isn't following the link, what do you think about adding a watcher to observe position of both and synchronizing them ? We have access to both elements without problem.

Ah, sad is that Adobe movement was good idea, but now we suffer :]

vlados · 1 year ago

There is some bug that I cannot understand:

obj.CallFunction is not a function

http://digitarald.de/js/mootools-trunk.js
Line 2914

remote()(function(), "register")mootools-trunk.js (line 2914)
remote()()mootools-trunk.js (line 2906)
load()()Swiff.Uploader.js (line 60)
returns()()mootools-trunk.js (line 567)
[Break on this error] var rs = obj.CallFunction('<invoke name...mentsToXML(arguments, 2) + '</invoke>');

PoluE · 1 year ago

Hi,

I also get the __flash__argumentsToXML is not defined error.
Browser: FF 2.0.0.17
Flash: 9 (Build 103)

Error:
__flash__argumentsToXML is not defined (mootools-1.2-core.js (Line 2950))

Andy · 1 year ago

Is it possible to get some files loading at the same time?

digitarald · 1 year ago

Option queued: false (default is true)

Enrico · 1 year ago

There seems to be some problem on new flash version (10.xxx) Any idea?

digitarald · 1 year ago

There are some bold links, and a entry in the journal about that.

Asier Marqués · 1 year ago

Hi,
Can I control the start of each file upload? By default all the files start to upload automatically but, in some cases, I need to do something before to start the next file upload in the quenue.

Thanks for this tool

digitarald · 1 year ago

You can start each file manually, but this would need a change in FancyUpload. Currently, in queued mode, it starts the next file automatically. So you'd use queue: false as option and upload each file manually.

Asier Marqués · 1 year ago

Thanks, this works great.

I will invite you to dinner (with a donation :), this project rocks!

Martin · 1 year ago

Hi,

I'm still using version 1 in my application because i can't just jet upgrade to mootools 1.2 because my huge web app is build on 1.1 and is not compatible with 1.2.

Something strange happened, at one page is use fancyupload while uploading de $_POST does contain all my hidden form field. On another page the DOM is identical, JS is identical but it won't have the hidden form fields in the $_POST.

Could you give me a hint what might be wrong?

Thanks

PJunior · 1 year ago

Hi there, nice work!

I had once the 1.0 version working, but now with the new version, i'm trying to setting it up.

I'm having a problem :S

looks like that js doesnt loads.. doesnt allow me to click in the link to upload the files... progression bars are 50% 'loaded'...

http://www.digitalwhores.net/qpu.png

Tnk u all

digitarald · 1 year ago

Looks like your onComplete event does not fire, make sure to return some content from the server (debug with a http sniffer if you are not sure). Flash *needs* some content-length from the server, stupid thing.

fancy upload · 1 year ago

Hi there, nice work! Excelent script in ajax.

Thanks!

digitarald · 1 year ago

Gracias por la ayuda en espanol, muy bien. Voy a agregar tu contribución aqui.

rains · 1 year ago

Its not working on IE 6..Please suggest and modification

Sandro · 1 year ago

Excuse my English is that only speak Portuguese.
What use version 1.0 with Flash 10?
There was only a correction to version 2.0, but I prefer to 1.0

T. Feller · 1 year ago

Cool Tool, Looks great.. But it doesn't work on my site and I don't know why. Progress Bar is at 50%, an Error occurs. Same as some other people mentioned before.

Could you just check that out?
`http://www.e-tn.de/sandbox/temp/test.php5`

My mistake or eventually a buggy version?

Andrew Funderburg · 1 year ago

Can anyone help me change the code in my program? My programmer disappeared on me.

thefundy [at] gmail.com

Thank you.

Andrew

Dede · 1 year ago

Interesting solution, but where's the download link?

Michel · 1 year ago

Hi,

Very nice script.
how could I rename the uploaded file (for example, i want to add DATE+TIME in the file name)

Thanks in advance

Rob · 1 year ago

You would have to do this server side. Your php, perl, c#, etc would read the incoming name and either write the file out with the name you want or write out the file with the current name and rename it after.

sifeng · 1 year ago

hi, i found that the code of 2.1 fixed for flash10 have something problem on IE 7. the type filter is out of service. it still show 'All Files' although i already tick the "Image only". however, the firefox is running correctly.

sifeng · 1 year ago

the edition installed in my IE7 is still flash9. so, the code is not supported for flash 9?

Sandro · 1 year ago

I'm having the same problem

"it still show ‘All Files’ although i already tick the “Image only”. however, the firefox is running correctly."

Jose Soares · 1 year ago

Hi Harald, first of all thanks for the script.
We've been using the fancy upload across various client sites and for some reason after updating the latest versions of Flash and Firefox it stopped working. It looks like happens as well in http://digitarald.de/project/fancyupload/2-0/sh...
I am using Firefox 3.0.3 and the latest Flash plugin (10). I am not sure what is causing the problem but basically it pops-up a JS alert with an Error once you try to select the images to upload.
Let me know if you have any idea of what is going on.

Daevon · 1 year ago

Hi digitarald, i've a big problem with mootool's newer version. Infact with 1.2.1 the uploader doesn't work with IE. I've got an error on creating FancyUpload object. However it works fine in FireFox and Safari. Any suggestion? Please answer me, this block my work! Thanks for now. Good Work!

Daevon · 1 year ago

FIXED! However there's a way to put the filter in IE?
It's the only things that's still not works... everything goes good now!
Thanks...

Elmowater · 1 year ago

Hey,
I Have a problem with the queue. When I select more then one Photo to upload, the first Item is uploaded correctly, but then, the progress stops.

I guess it the onComplete function is not triggered?
how can I check/solve it?

best regards,
elmo

Elmowater · 1 year ago

the Console output:
`code`
Browse started.
Added 2 files, now we have (108461 bytes).
Initialize upload for "woods11.jpg".
Upload started.
Starting upload "woods11.jpg".
`code`

Elmowater · 1 year ago

**FIXED!** sorry, forgot the output at the end of the script.

Minister · 1 year ago

Hi!
Write please detail how you solved the problem?
Thanks.

kwork · 10 months ago

HOW DID YOU FIXED IT?!?

Rob · 1 year ago

Hi, i'm trying to get started with this script but i just can't seem to get it working. Can anyone help me with some basic setup instructions to get me started? Thanks

robin · 1 year ago

argh i cant figure this one out, would some one good enough to make a zipped and so we can save our energy figuring things out.??? spent days figuring this out..

robin · 1 year ago

I cant see the file browser when i click browse on my localhost?

Peter · 1 year ago

how to add a mail form in fancyupload2?

seal · 1 year ago

Hola!

Tras probar el script tan solo puedo decir que es GENIAL! Pero me asalta una duda, ¿Se puede limitar mediante una variable el número máximo de archivos a subir?

Saludos!

Peter · 1 year ago

how can integrate a fieldo <input type="text" name="name" />

testing · 1 year ago

brb, firefox crashes everytime i try to load my example page created from your example

remrem · 1 year ago

Hi everyone!
I have a big problem...
firebug result 1 error : __flash__argumentsToXML is not defined
I use : mootools 1.2.1 - Swiff.Uploader 1.2 - Fx.ProgressBar 1.0 - FancyUpload 2.1
I test with older version but no result...
Anyone have an idea ?
Thanx

max · 1 year ago

same problem here :(

rajphp · 1 year ago

I want to display a message for users to prevent them from uploading duplicate records.if anyone have a clue how this can be done please reply

Olivier · 1 year ago

Yup, I have the same problem as the others, the new fix for Flash Player 10 works perfectly except the file filtering in IE. And setting the filter directly as a default option does not help. But still, thanks for this great update

Andrew Funderburg · 1 year ago

So, how close are we to a release we can use?

Andrew

Chris · 1 year ago

Hi everyone. Did you try Fancy Upload on IE 6 with Flash 10? For me it's working only with Flash 9, for Flash 10 I get this very common error : (‘<invoke name…mentsToXML(arguments, 2) + ‘</invoke>’)
I tried even the example on this page and it doesn't work. So if it happened like this to someone else please tell me, I don't know if the problem is mine or general. Thank you

Chris · 1 year ago

It was my fault, I didn't have Flash Player 10 Activex installed, I only had Flash Player 10. But can someone tell me why I need ActiveX installed and why it doesn't work with the normal player? Thank you.

Zechs · 1 year ago

Hi Harald. firs of all thanks for your great scripts. I have the problem with the autostart function. I don't have any error but the autostart function don't start. Any ideas?

aldrin · 1 year ago

hi Harald, i really thankful for the fancy upload, you have create, but i got found some error while testing on it, i'm using firefox 3 and i found some error on firebug, which shows "this.parents(options)" on line 46 on FancyUpload2.js which gives an error "this is not a function" i don't know whats wrong with it, but do you have any suggestions on it?

Don · 1 year ago

I had this same problem... Make sure the .js files are included in this order:

1. Swiff.Uploader.js
2. Fx.ProgressBar.js
3. FancyUpload2.js

Eveson · 1 year ago

Hi! iam click to browse files, and return message "Error", Iam using IE7, help me, thanks

Logicalinsanity · 1 year ago

Just wanted to say thank you for this wonderful tool! I've been a FancyUpload user since your early release of version 1 and am so thankful to have an attractive UI for photo uploads in my custom CMS for design clients. I was able to upgrade to v2 with the Flash 10 fix without any problem. Thanks again!

xavier · 1 year ago

well this tool is great but sometime in some PC, this code is not working. If you click on browse button an alert popup with the message 'error'. I insist the same code work properly on another PC ! I think there is an exception.

Anders · 1 year ago

Thanks for the flash 10 update!

Ruud · 1 year ago

I get an "where is the debugger or host application running" flash message when using your "fixed" version.

http://www.markledford.com/blog/2008/09/01/myst...

andromisnati · 1 year ago

Yeees!!! Me too.
I've seen it only happens in firefox and with flash 9 players. in some forums, they said it was a problem with "trace" in actionscript, and that the swf had to be compiled disbling them.
Any way the downloadable version may have them disabled?
I can't make every and each user update flash 10.

matt · 1 year ago

To bad it doesn't work with hosts that have mod_security flash

so im screwed...

Jason · 1 year ago

Selecting the "image only" checkbox does not limit by filetype for IE6. "All files(*.*)" is displayed after clicking "Browse Files". This is true for both Flash9 and 10.

It limits files fine in Firefox2 and 3.

av · 1 year ago

Hi. I have a problem and maybe you can help me.

I have a program uploading pictures written in java (no php) using FancyUpload v 1.0. It works fine, but not for flash 10, so I decide to implement FancyUpload v 2.0.

I changed all needed javascripts, MooTools. Browsing files works fine, when I click button "upload files" progress bar goes to 100% and nothing happens... On the server side all works ok: file (only the first uploaded) is saved on the disk, no errors. Firebug also do not show any errors. The last log on the console of Firebug is: "upload started". It looks like, the fileComplete event is never called, so maybe something is wrong with the response of server...

It is strange, because the java code worked with FancyUpload v1 (I didn't chane it). I have no idea what to do with this bug next :/

nunzio fiore · 6 months ago

have you solved?

AgeGould · 1 year ago

Hi.

Very cool Flash/Javascript utility. Well done.

A bug you may wish to look into:
If you set a file size limit, using limitSize: files that are selected above the limit are omitted from the List, but they are still posted to the server for processing.

Another query: The swiffy.options.typeFilter doesn't work in Internet Explorer. It does in FireFox? Any ideas on this.

Regards
Age gould.

Jams · 1 year ago

Is there going to a fix for FancyUpload 1.0 and Flash10. I assume this does not for flash and have not tried it.

raj · 1 year ago

Hi,
I want to display a message for users to prevent them from uploading duplicate records.if anyone have a clue how this can be done please reply

Diego · 1 year ago

Does anyone fixed the problem with the popup "Error" message in IE7 ?.

I tested it on another PC's and some of them works fine, some others it doesn't works. It show me the pop up "Error" message.

Whats wrong??

All security settings in my IE7 are unchecked !!.. Help me!

bolbo · 1 year ago

Same popup Error message on my computer with Firefox 3. A few days ago it worked perfect, now... I don't find the reason. I uninstaled firefox, reinstaled, I tried with Opera, the same Error message I get. On others PC's from my network works fine.
Please help!

testy · 1 year ago

Yes, this also started for me. Any insight from anyone on the cause for this would be greatly appreciated. What's generating the "Error" message? Flash? IE? Javascript? FancyUpload's classes? This is really troublesome, and these types of problems make an otherwise excellent component completely useless in a production environment.

James · 1 year ago

Seems to be isolated to Vista based on a recent update.

Antoine · 1 year ago

It would be greet enable resizing before upload.

Antoine

M2tM · 1 year ago

Not possible without signed active-x or java controls.

ffggf · 1 year ago

bbbbbbbbbbb

Diego M · 1 year ago

i discovered that the IE7 PopUp Error is because in explorer i have flash plugin 10 and in firefox i have flash plugn in 9!.

So, i'm using now the fixed script. In IE7 works fine, but in Firefox i can't click the browse button. It doesn't work. When i look the source code i can see there is a div element over the text. If i edit that html code with firebug and remove that div i can click the Browse button, but firefox chashes.

the most wired is that i can use perfectly the example in this site. But when i test the script in my site it doesn't work.

You can see the script in www.materiaprimadesign.com/clientes/CostaCrucer...

Phillip · 1 year ago

Don't know if am repeating the folowing question.
How can I fixed the flash 10 problem using version 1 of fancyupload.

Please do not answer saying "upgrade to version 2" :)

Please help

rayie · 1 year ago

HI Phillip,
The version 2 action script can still be used to launch the file browser and handle file selections,etc...
it acutally doesn't need moo tools NOR swiff.
I've been using it with jQuery actually, you just have to write your own JS handlers in response to the flash events, which the AS provides. The only thin you need to add to the AS to fix the recent Flash 10 issue, is to launch the fileRef browse method from a mouse click event on a flash asset on the screen, instead of from Javascript.

xxx · 1 year ago

Thanks for updated version, which works with Flash 10. Is it possible to change cursor to pointer while mouse is over <object> [or "browse files" link, as it user sees]? Styling div which contains <object> doesn't works, so it probably has to be modified in .swf. Or could you upload to git new version of .fla so I can change it for myself? Thanks in advance.

fidoboy · 1 year ago

Updated version?? Where can i get the FancyUpload 1.0 fix for Flash 10?? can anyone provide a working link?

kind regards,

xxx · 1 year ago

I wasn't talking about version 1.0 but this one: http://digitarald.de/journal/54706744/fancyuplo...

fidoboy · 1 year ago

Ok, i see... :( there is any hope on having some kind of patch/fix for FancyUpload 1.0?? I'm using Joomla and the upload system has been broken since the Flash 10 plugin release....

dave · 1 year ago

Does the progress bar not actually work? The progress bars (both of them) show no progress until the uploads finish, at which point they then both fill to 100%

xxx · 1 year ago

Linux user? I have the same "error" [in Opera and Firefox]. Looks like it's related to linux version of flash. On WinXP it works quite well [sometimes when upload is fast, only few steps occur, but still - there is visible progress].

dave · 1 year ago

Yeah, thanks for the info, it never occurred to me that it may be os related.

Bouki · 1 year ago

since flash player 10 this script does not work any more
i think that updating the swf will solve the issue, but .fla is not distributed

bNj · 1 year ago

Thanls for your great job !
But i have the same problem with Flash 10, i am unable to upload, i have an error message :(

mmuller · 1 year ago

Harald,

Thanks for the work on this but I get this error returned when inspecting code output in safari:

Can't find variable: __flash__argumentsToXML
http://mmuller.site40.net/uploader/JScripts/moo... (line 2950)

Could someone take a look at http://mmuller.site40.net/uploader/index.php
and let me know why this isn't working ??

Thanks in advance

mmuller · 1 year ago

not to worry, will use swfupload instead as this appears to be working well with flash player 10. Will try this out another time - when a newer build appears...

emilime · 1 year ago

It seems to work quite well... I've found only this bug: type filter doesn't work on IE7

rp8774 · 1 year ago

I'm getting the same problem in IE. No file type filters :(

Temuri · 1 year ago

Harald,

I've configured updated Flash10 Fancyupload locally.

Sure enough, session Id is lost en route to the server, BUT only in Firefox (v.2).

I am trying to figure out an alternative to sending PHPSESSID over to the server - a) security concern; b) my server has session.use_trans_sid disabled.

Is there no way to send an additional cookie with the upload request?

Thanks,
Temuri

luciano · 1 year ago

I try funcyupload with all browsers and OS and work perfectly!! But in a few computers (with ie) you need to refresh for load, because the input element gets not replaced

Temuri · 1 year ago

Harald,

You might be aware of this already - FF3 Adblock extension breaks Fancyupload. Is there a fix/workaround (apart from uninstalling Adblock) ?

Thanks!

seal · 1 year ago

Hi, before update and fix de script it's runs ok in IE7 and FIREFOX X, but don't works correctly in IE 6...

Anyone have an idea to resolve this problem?!

Thanks!

Erick Xavier · 1 year ago

Hey guys, in Firefox 3, dont works!!! pleeeaaase, update!!!!!

123 · 1 year ago

i click browse show a message "error"

raj · 1 year ago

Reinstall correct Flash Version

Michelangelo · 1 year ago

Hi Raj and Admin
What do u mean with Reinstall correct Flash Version?
I have downloaded the swf file and the alert with the word Error persists!

In Firefox 3 and Google Chrome appears this error message, in Internet Explorer 7 doesn't

How can I solve this problem?

Suggestion: A little description instead of only "Error" message could be applied.

Adam Bomb · 1 year ago

Michelangelo --

I have the same problem: works in IE but get the "Error" pop-up in Chrome and FF.

Adam Bomb · 1 year ago

Should also state that I have Flash Player 10 installed for both IE and Firefox, and I have the latest version of FancyUpload installed. Works in IE but get the “Error” pop-up in Chrome and FF.

Ryo · 1 year ago

Thanks for Update.

Sorry for "Japanese-English."

But it don't work with IE6 on XP.

Progress bar "current-file" hasn't changed like "overall-files."

on Safari & FF3 both of progress bar has changed.

123 · 1 year ago

i am useing flash 10

window.getScroll is not a function
initialize()(Object)Swiff.Uploader.js (行 62)
parent()()mootools...2-core.js (行 1082)
initialize()(div#demo-status.hide, ul#demo-list, Object)FancyUpload2.js (行 46)
klass()()mootools...2-core.js (行 1019)
(?)()()idex.html# (行 35)
defn()()mootools...2-core.js (行 1847)
[Break on this error] var scroll = window.getScroll();

123 · 1 year ago

__flash__argumentsToXML is not defined
remote()(function(), "browse")mootools...ore-nc.js (行 2950)
remote()()mootools...ore-nc.js (行 2942)
browse()(undefined)Swiff.Uploader.js (行 100)
parent()()mootools...ore-nc.js (行 1082)
browse()(undefined)FancyUpload2.js (行 141)
(?)()()idex.html# (行 46)
defn()(Object $extended=true event=Event click type=click)mootools...ore-nc.js (行 1854)
[Break on this error] var rs = obj.CallFunction('<invoke name...mentsToXML(arguments, 2) + '</invoke>');

Joaquin · 1 year ago

does not works for firefox 3! =(, i was using this on my website, but now it doest not works =/=/=/=/

DJo · 1 year ago

Hello,
I'm using this amazing uploader, and I would like to know how could I have a type image/jpeg instead of application/octet-stream for the PHP $_FILES variable when it's a JPG image.

Because with a type application/octet-stream the PHP upload class I'm using after isn't working to resize etc.

I've got this with FancyUpload: array(5) { ["name"]=> string(12) "DSC_0022.JPG" ["type"]=> string(24) "application/octet-stream" ["tmp_name"]=> string(14) "/tmp/phpAYNC4o" ["error"]=> int(0) ["size"]=> int(157158) }

And I would like this:
array(5) { ["name"]=> string(12) "DSC_0022.JPG" ["type"]=> string(10) "image/jpeg" ["tmp_name"]=> string(14) "/tmp/phpduIOzI" ["error"]=> int(0) ["size"]=> int(157158) }

How can I do ? Thanks a lot for your script and future answer !

Michael · 1 year ago

I need help please. I was able to install and make app work on my localhost but when I deployed it on Unix server and trying to run it there I get error in Firebug - "Permission denied to get property XPCComponents.classes" in mootools-1.2.1-core.js.
I will appreciate any suggestions. But editing about:config is not an option.

bob84123 · 1 year ago

Hi. Great control, the best open-source upload control out there. I'd really like to see uploading of 0-byte files fixed though; uploading them certainly is valid (eg __init__.py files in python projects). I'm using firefox 3.0.3 with flash 9 on Ubuntu 8.10.

Thanks.

Thanks.

Ferit · 1 year ago

This script works correctly with flash 9, But i have the same problem with Flash 10, i am unable to upload, i have an error message

Christian · 1 year ago

Got a problem when i try to use aimage as "Browse" button only the lower left edge works. Is there any fix?

andromisnati · 1 year ago

> Ruud said 1 week ago (1 Point) …
>
>I get an “where is the debugger or host >application running” flash message when >using your “fixed” version.
>
>http://www.markledford.com/blog/2008/09/01/myst…

Yeees!!! Me too. I’ve seen it only happens in firefox and with flash 9 players. in some forums, they said it was a problem with “trace” in actionscript, and that the swf had to be compiled disbling them. Any way the downloadable version may have them disabled? I can’t make every and each user update flash 10.

lomirix · 1 year ago

Harald Kirschner,

Many Thanks for your Fancy Upload. I've done some tests with some real upload files and i'm impresed to see the group of files runing in the same time to the server with the upload progression bars display. Great job and thanks again from France.

lomirix · 1 year ago

Hello again,

When a file is uploaded to the server the encode is UTF-8 by default.. If the file name contains some é or è, the name changes for UTF-8 encode types. So how to change it for ISO ? I've put the header for a content type in ISO in the php script but it doesn't work .... Any idea ?

Michelangelo · 1 year ago

Firefox Crashes with the newer release.
I have copied the example but the problem persists.

thanks

Michelangelo · 1 year ago

I reply to myself: All the problems have been fixed. My fault! :P
So is there a way to browse directly a particular type of file instead to tick the checkbox?

Regards

Clement · 1 year ago

It does work for me on this page, but it still does not work on my site. Of course, everything worked fine before updating to flash 10.

The only difference with this showcase, is that on my page the upload form appears in a floating div (popup) loaded through ajax.

It has to be something with the css and the style of the target overlay, but I still don't get it :(

Also I am not sure this is the appropriate page to discuss about it :-s

Thanks anyway

André Willing · 1 year ago

Hallo,

how about localized versions for the FancyUpload2 class? May be realized as external language files?
For example "FancyUpload2.[lang].js"

Michelangelo · 1 year ago

I'm agree! The italian version is already created!
Let me know!
bye

Adam Bomb · 1 year ago

Michelangelo-

Were you able to get FancyUpload working with Flash 10 in both Chrome and FF? If so, can you share what you did to get them working?

Michelangelo · 1 year ago

Hi Adam,

yes now it works better than this morning! The problem was the JS and the Flash plugin not updated.

SOLUTION:
- Update the JS from http://github.com/digitarald/digitarald-fancyup...
- Uninstall all Flash players plugins installed on your pc
- Download the new Swiff.Uploader.swf from the above mentioned site too
- Re-Install the Flash Plugin from this link http://get.adobe.com/it/flashplayer/

Regards

Michelangelo · 1 year ago

I'm trying to use the property limitSize but it continues to set 2MB as max file size.

any suggestion is appreciated
thanks

Michelangelo · 1 year ago

There is another bug.

I need to upload some large videos in avi format. If you try to upload a avi file also the version on this site doesn't work.

Let me know!
Regards

Adam Bomb · 1 year ago

Did you check your max file size limit setting with your host? Is the .avi file type entered as an allowable file type? See here for another example:
http://www.rioleo.org/getting-fancyupload-to-wo...

Michelangelo · 1 year ago

Hi Adam,

look at http://imagebin.org/31032

All those people who have a new version installed of the flash plugin see this alert box.
yes, I have checked the php.ini and I have already set the upload limit to 20MB.

thanks

Adam Bomb · 1 year ago

Yes, I agree. I am having trouble with Flash plug-in based browsers, except now, after re-installing Flash 10 and the new FancyUpload files, I don't get any error pop-up alert. Nothing happens, actually, when I click the browse button.

However, everything works wonderfully in IE.

noob · 1 year ago

Hi.. Is there a way to POST more than 1 variable?

Currently is it only posting "photoupload".
Is there a way whereby i can post "name", "email" together in the same form? thks!

Guillaume · 1 year ago

problem with FIrefox 3+ ???

Jon · 1 year ago

Hi There! Love the script works a treat!

Just noticed the type filter doesn't appear to work in IE (6+), just always allows upload of all files *.* See the demo on this page.

Is this a known issue or is there a work-around.

Thanks
P.s. I long for the day when we don't have to support silly IE!

Rob V · 1 year ago

Well I hope this helps someone out here.
You can download a small sample app all put together for you.
D/L it - modify the config file as needed and you should be good to go.
http://www.taketwodevelopment.com/fancyupload/

Anyways - hope it helps.
-Rob

Adam Bomb · 1 year ago

Hey, Rob,

Does the link work for you with Flash 10 installed in Chrome or FF?

Rob V · 1 year ago

Havent tried Chrome but worked in FF , IE 7
Didnt try flash 10 yet

Meabe · 1 year ago

No work in flash player 10. Have anyone package of working Fancyupload in new flash player?
Thanks.

Meabe · 1 year ago

I have a problem in FF 3.0.4. In version 1.0 when click browse, nothing open and version 2.0 show on click browse alert: Error. Where is the problem?
Firefox is clear installation.

Meabe · 1 year ago

I have a problem in FF 3.0.4. In version 1.0 when click browse, nothing open and version 2.0 show on click browse alert: Error. Where is the problem?
Firefox is clear installation.

joo · 1 year ago

I have exactly the same problem !! Have you a solution for that ?

Adam Bomb · 1 year ago

I'm having the same problem. After updating my browsers to Flash v.10, and after uploading the latest version of FancyUpload and Mootools, IE works great, but when I click the Browse button in Chrome and FF, nothing happens. Hmmm....

Erik · 1 year ago

Make sure the target option (the element to overlay the invisible flash button over) is set when you create the FancyUpload2 object. I had the same problem a few minutes ago, adding the target option and making the button visible before creating the object fixed it for me.

Bas · 11 months ago

Hi Erik, could u be more specific? I really need to solve this and I dont know where to adjust the target.

Remy · 1 year ago

Anyone what to do exactly to get FancyUpload2 working with Flash 10? What lines do I have to change or add?

raj · 1 year ago

Hi,
Does anyone have a clue why my sessions are getting destroyed and am getting logged out soon after the files have been uploaded using FancyUpload.I am having this problem only in IE 7.0 while in Firefox its working fine.Waiting for your response.

Flipper · 1 year ago

Has someone a fixed Files for FancyUpload v1 witch are Flash10 compatible? Thank's for help!

adam · 1 year ago

with Firefox/2.0.0.18 its not working anymore!

is there a fix ?

Meabe · 1 year ago

It possible choice image without change checkbox?

SkY · 1 year ago

I am finding a solution to enable fancyupload 1 under flash 10... if someone can help me please !
I would like to know what is the modification that you have done for fancyupload 2 to fix it under flash 10.

thanks.

l8a · 1 year ago

whenever you cancel/remove the file that being uploaded actually, scripts aborts. it seems to wait endless for the finish of the upload.. therefore no other files of the queue will be started :<

hex · 1 year ago

it doesn't work in IE7

rw · 1 year ago

Not working in Firefox 3.0.4

dman · 1 year ago

This sample is not working in IE7. I just get an alert box with "Error" when I click Browse Files

Felipe Sena · 1 year ago

I'm trying to browse the files but an alert apears with the mensage : "Error" . Someone have been fixed this ??

James · 1 year ago

This is an error with Vista... working on a fix now.

pat · 1 year ago

haha, well done james

Mark · 1 year ago

I got the same problem on windows XP with IE 6.0, it works on FF.

Zoli · 1 year ago

Hey! The problem is not the browser. It can be FF or IE... it doesn't matter, BUT the FLASH PLAYER! Open your eyes and read!
"Broken in Flash 10?
Fresh preview release available, especially for Flash 10!" @ showcase demo
Click on it...

If you remove your new flash player and install e.g. a 9.0 it gonna work...
then reinstall flash player 10 and it gonna show 'Error'
http://www.adobe.com/support/flashplayer/downlo...

rborn · 1 year ago

hi
I have an issue - is more a visual one
It takes some time until the flash is loaded so i have time to click on the browse button
i think you should disable the button until you know if flash 10 exists or not

digitarald · 1 year ago

That would be a fix in your app, I don't know what your fallback is.

shainjetly · 1 year ago

so wen does the final release????

Felipe Sena · 1 year ago

A got the version with fixup of flash player 10 but I can't do it work in IE7........ =(

Felipe Sena · 1 year ago

Ohhhhhhhh this don't work in IE7 + Flhash 10............I don't know why........................I shoud to born like a donkey ou a monkey

Santiago Far Suau · 1 year ago

Harald, after all, I've been using your component for a while and have to say it's great and thank you.

I tried the fix for flash 10. It worked ok but the button breaks when the page content disposition changes (ex: via ajax) as the flash object remains at the same place due to the absolut positioning.
I've made wrap for this (with an ugly code, but working) and I can send it to you if you want; I'm sure you can take the idea and do it better.

Thank you again for your great efforts

digitarald · 1 year ago

I'll add a clickable flash button for the next version to avoid absolute positioning, please send your code (email on the contact page).

Ts · 1 year ago

The problem its because just work with windows xp but not with windows vista.

Alex · 1 year ago

Hello Harald,
please can you fix defining filetypes feature in IE7. It doesn't work with changes for Flash Player 10.

Tups · 1 year ago

"Hello Harald, please can you fix defining filetypes feature in IE7." (2)

Meabe · 1 year ago

Have anyone soliution in fixed fancyupload without checkbox choice images or other file type or disable select All file?

David · 1 year ago

Ive got it installed and running fine on my site, however I had tried adding it to another part of my site and everything seems to work except the upload button. I can browse for files, see the file, clear the file but I cant press the upload button. In Chrome nothing happens at all and in FF an alert box appears saying "error". Any idea why this is?

we · 1 year ago

I have the same problem. I can browse for files, see list of files, delete specified files from the list etc.

But when the upload button is pressed first file uploads and then nothing happens.

I used Firebug tool to search for the error. It's looks like the 'onComplete' event is never called after uploading the first picture.

Any idea how to fix that error?

David · 1 year ago

Mine doesnt even upload the first file. Using firebug when mine gets to:

if (ret !== true) {
this.log('Upload in progress or nothing to upload.');
if (ret) alert(ret);
} else {
this.log('Upload started.');
this.status.addClass('file-uploading');
this.overallProgress.set(0);
}

ret equals false, therefore an error alert appears. But it just says "error" and nothing else.

Any idea??

David · 1 year ago

I worked mine out. I had the wrong value in my hidden field.

digitarald · 1 year ago

Make sure that the server returns something and that the upload url is correct. Flash fails totally during onComplete when server response has 0 content-length.

alex · 1 year ago

The problem is appeareng since the last firefox update, and I get an error message even from this "Showcase"

we · 1 year ago

Thx, upload url was correct, but indeed I didn't return any JSON messages.

I fix this and now it works :)

Chris Schiffner · 1 year ago

I have the same issue. Problem seems to have cropped up in the last month or so. it occurs in Chrome, FF3, and the latest opera.

David · 1 year ago

Sorry I didnt mean to reply to that other post...

Thomas · 1 year ago

David has you fixed that "error" popup please?

I can't fix it ;/

reg · 1 year ago

Does anyone have a working update for Flash 10 and FancyUpload 1.0?
I've tried to implement the fix published for v2.0 into v1.0, but I can't find the right place to include the target for the "Browse"-button.

phal · 1 year ago

When using this sourcecode with Mootools 1.2.1 I get the following error:

__flash__argumentsToXML is not defined

Does anyone know why? I have no idea, because it's the mootools core

D$ · 1 year ago

Hi, Thanks for the great uploader!

One question, the only issue I'm having is how to detect when no files have been chosen for upload. I still need to fire an onComplete() function but am unable to determine whether a file is uploading or no file was chosen at all.

The point here is my file upload is optional so I need to be able to fire an event to say "file uploading is done..." whether the user actually uploaded a file or not.

Thanks!!

D$ · 1 year ago

Or maybe someone has an idea of a more effective way to approach the issue, outside of FancyUpload. Thanks.

David · 1 year ago

This isnt working for me now in Firefox 3.0.4!

It looks as though the ajax isnt working as I can see the "Upload Photos" label and the browse button??? Any ideas why???

David · 1 year ago

Anyone else got this problem???

a · 1 year ago

how to limit upload type

mltsy · 1 year ago

Check out the demo script. The "Browse Only Images" button only shows images in the file browsing dialog:

$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
return false;
});

a · 1 year ago

it's no use
i am using flash 10

a · 1 year ago

$('demo-browse').addEvent('click', function() {
/**
* Doesn't work anymore with Flash 10: swiffy.browse();
* FancyUpload moves the Flash movie as overlay over the link.
* (see opeion "target" above)
*/


did you see it ?!

a · 1 year ago

how to limit upload files type?

kumari · 1 year ago

if delete the uploaded file .the progress bar showing deleted file name and upload complete message please solve this problem

Ronnie · 1 year ago

Does not work for me either :(
Firefox 3.0.4

Sadi Chowdhury · 1 year ago

Hello Dear,

can anyone help me asap. >>>>

I've been used this uploader on my customer's website how manage his client's images files...

the script run fine on my machine on localhost, but does'nt work and the real domain... I've used subdomain for the admin panel and used it... but when my customer trying to upload an error message shown on the uploader screen which is ( httpStatus 503 )......

please tell me what is this. I've tryied to solve that issue. but failed.

Note: I've passing 2 var from the from to the upload.php file where some mysql data are retrived...

then create 3 folder under folder with the retrived value : company name > date > project name > then upload the file...

please help me ..........

waiting for good response.

Chris Schiffner · 1 year ago

Harold,

The uploader doesnt work with flash player 10. It works 100% in flash player 9. Any chance of getting a fix soon?

Thiago Souza · 1 year ago

callback function >>>

onLoad: function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
},
callBacks: {
onComplete: function() {
this.log('Uploaderasd redasdasdady!');
},
onAllComplete: function() {
this.log('Uploaderasd rasdq12ady!');
},
},

mltsy · 1 year ago

I kept getting "this.parent" is undefined (or something) until I realized that FancyUploader2.js uses Swiff.Uploader.js and they had to be included in order. It would be handy if that were mentioned on this page somewhere. Or if the script tags were included in the XHTML markup.

GSSBrian · 1 year ago

So, will this work on file sizes of 101 MB and more? I heard that Flash limits file handling

mltsy · 1 year ago

Is there any chance you could post this in the mooforum.net "Your Scripts" forum so that we can have a searchable discussion thread? (Or I can start a thread, but then I would own it)

I'm wondering if there is a way to only allow uploading of a single file (but I'm not sure how to search the discussions).

Sander · 1 year ago

I've implemented the new version and everything goes well. Any idea how I can force Internet Explorer 7 to only use images?

In Firefox it goes as expected, but Internet Explorer 7 allows any type of file to be picked.

David · 1 year ago

Anyone got a fix for firefox 3.0.4?????

David · 1 year ago

Ignore this, I had a flash block add on installed which I didnt know about. Stupid me!!

BS · 1 year ago

Great script but it doesn't work with Flash 10,0,12,36. You can browse for files but when I click 'Open', nothing happens but (0 B) is added after 'overall progress'. It happens also with the sample on this page.
When will there be an update to fix this?

digitarald · 1 year ago

10.0.10 here and it works fine, did u check with 2.0 and the fixed showcase http://digitarald.de/journal/54706744/fancyuplo... ?

BS · 1 year ago

Thanks for your quick reply.
Yes I did and it worked perfectly until I installed this new version 10.0.12 (which is newer than the 10.0.10 you've installed).

BS · 1 year ago

Found the source of this error, it happened only if I tried to submit a file larger than 2MB. Would be nice to have a message if something like this occurs though.

digitarald · 1 year ago

Sounds like a server setting, can't check these for you, the responsible developer.

we · 1 year ago

I have problem in IE and upload in popup window.

In Firefox upload works good but in IE the browse button doesn't show. When I paste the adress of the popup into browser (IE) it also work, so the problem is popup in IE.

Maybe you have a solution for this problem?

simon · 1 year ago

Is it enought to replace the old .js and .swf files with the new ones if I am using still version 1 of the fancy upload? Thanks a lot!

della rodolfa · 1 year ago

how to limit upload files number ?

a · 1 year ago

when will support limit file type in flash 10

Sander · 1 year ago

This is an IE issue. In Firefox it works fine.

Again, IE is bothering us...

Mavrick · 1 year ago

Any idea if this version for mootools v1.11 will be fixed for the latest version of flash?

foliop · 1 year ago

Hello, Is what quelqu' one could m' to send its script.php functional on upload?

Jordy · 1 year ago

Since some weeks now, IE has a problem with FU2 !? It worked great for me on several sites, now it just works on FF and other popular browsers, but doesn't work on IE7 :-(

Does anyone know if it is a auto-update, en if yes, which one?

Harold, do you know of this problem en is there a possable solution?

Oliver · 1 year ago

Found an issue with ie6/ie7 and limitFiles option.
I have created a simple test script, with no changes from your sample code. In ie6/7, when an option is set like limitFiles: 5, but you select 6, the javascript on the client will only show 5 files, however it seems 6 will get submitted/registered with the swf. When you watch your log, or create a log entry to the php script you're hitting, you will notice that only in ie6/ie7, there are 6 hits coming through despite the fact the client side is only showing 5 files.

Is there an email I can reach you at to send you the exact scripts so you can test locally? Or is this is a noted issue and a possible work around available? I'm working on a WAMP stack, php 5.x, xhtml declaration.

Thanks.

Oliver · 1 year ago

Follow up: I don't need to send you my code. The bug exists with your live demo. With ff, go in, select browse images, highlight 6 of them, and then upload. Then check your log. You'll notice only the 5 files. This is as expected.

Then go with ie7, select 6 of them. Although the UI will show only 5 files being uploaded, after you upload them and check your log, you'll notice all 6 have been uploaded. Additionally, in FF when you select the 6, the overall file size will add up properly for those 5 files, where as for ie7, it'll show the cumulative size for the 6 files, even though only 5 are being shown in the queue.

Let me know if I can be of any help, or a work around/fix.

Thanks.
Oliver

Oliver · 1 year ago

Another follow up with my testing. It seems it must be tied to the swf registering files immediately from the browse window, as the custom validateFile does not work in ie7 either. if you have an immediate return false there, but the upload action is triggered, it still uploads the file. im not sure if thats be design or not, but my first thought that the file would only be registered for a post actio through the swf if the custom validateFile function returns true.

I've looked through the fla, but can't seem to find anything in there. I'm not an AS guy though; I'll keep checking and see if I can provide any more feedback to you to help debug this issue.

Oliver · 1 year ago

Follow up.
It seems that the issue lies with the onSelect method. For some reason in ie, the return value is not being respected when it gets called. The swf registers the file to be posted regardless of whether it returns true or not. FF does not have this issue. At first I thought it may be the fla was caching the result from this method, but it doesn't appear to be the issue. There is a workaround/hack to fix this for anyone else running into this barricade, and I will post it in momentarily.

I've found a new issue that I don't believe I will be able to have a fix for from JS. The check for allowDuplicates is being done solely in the swf. The onSelect is not being called in any browser. So basically, if you have allowDuplicates set to false, the following happens:

1) select 'file.jpg', it gets added
2) re-select 'file.jpg'. it does not get added

this would seem to work as designed, however the onSelect method does not get called. this prevents me from capturing the error. if you set allowDuplicates to true, this option will not work either.

Let me know if anyone else has run into this problem.
Thanks.

Oliver · 1 year ago

My fix for the mentioned issue is as follows:

Always return true from the onSelect method, and then implement a validation method on the first line of the onAllSelect. Send as a param or bind to this the file object. The file will be registered with both the js and the swf at this point. Run your validation on each file, and if it doesn't pass your validation for limit size, limit files, etc., call the removeFile method from Swiff.Uploader and remove it. This will remove it from both the js and swf.

Haven't found a work around/fix for the allowDuplicates yet. Will keep looking.

fraktalisman · 10 months ago

only question left:
what is the correct syntax to call removeFile()
for one file from inside function onAllSelect inside the script FancyUpload2.js

already tried

this.removeFile(fileObject);
removeFile(fileObject);
FancyUpload2.removeFile(fileObject);

no error message, but no file removed, no remove function called.
(I checked with an alert inside the remove function. the alert only shows when I manually delete a file from the file list shown in the browser)

Knutzz · 1 year ago

Any update for the IE7 Browse Files Error? It seemed intermitent originally, but is constant. Not good if you want to use FU2 on a website.

Oliver · 1 year ago

You referring to the same issue I commented on below?

knutzz · 1 year ago

No, I don' think so this occurs when clicking the Browse Files link I only see it on IE7, but Chuck (and others) see it on Firefox (3.0.4) it appears like a javascript error or alert and after you hit it the link (Browse Files) is inoperable until you refresh the page

seb · 1 year ago

same pbl on IE 7 and FF3 on windows XP ? any fix ??? it's a big problem plzzzz

knutzz · 1 year ago

I took Zoli's advice and went back to Flash Player 9 and it started working again.

http://www.adobe.com/support/flashplayer/downlo...

Went to Flash Player 9 area and clicked on this link

Download the Windows Flash Player 9 ActiveX control content debugger (for IE) (EXE, 1.56 MB)

I know it is only a temporary solution, but it worked for me.

knutzz · 1 year ago

Found out via another commenter, that if I unistall Flash Player 10 and replace it with Flash Player 9 it works, lost the commentor's name and link, but if I find it I'll re-post it.

Chuck · 1 year ago

Weird 'error' happening here. When you click the 'Browse Files' link, and error pops up, looks like a javascript 'alert' and just says 'Error'. After that none of the links for files/clear/upload will work.

This started to happen to a friend a few weeks back on IE. Now I'm getting the same thing on Firefox, and it works fine on IE. Any idea's?

Nate · 1 year ago

Queue is not working in ff 3.0.4, firebug reporting no files being added

Olivier · 1 year ago

Same here, It doesn't work with Firefox (last version: 3.0.4) anymore. The error is a simple javascript alert "error". It seems to work with Internet Explorer 7.0.6.

Bill · 1 year ago

Can someone put these files into a working .zip or something because I can't for the life of me get the source working on my testing server.

My email is uweberer@gmail.com

Bill · 1 year ago

My fault - i had firebug installed but i didn't check the net panel to find out what was going on - when i did i found that the swf was not found because i referenced the wrong directory in my code.

Great script

killerfaultier · 1 year ago

Maybe you can make a bridge between the events of target and the flash-app.
Because the mouseover doesn't work.

garaki · 1 year ago

Can you please put this in a workign zip file for PHP

LEO · 1 year ago

FancyUpload It doesn’t work with Firefox (last version: 3.0.4) and IE 7.05 / IE6 anymore. The error is a simple javascript alert “error”.

My flash player version is : 10,0,12,36...

Do you think there will be a fix soon to solve this huge problem ?

Too bad ...

tbrasington · 1 year ago

I just updated my Flash player on windows xp for firefox and ie7. The uploader is working fine again.
Regards
Thomas

Chuck · 1 year ago

What version of the flash player are you using? I've uninstalled on both IE and firefox, reinstaleed, still same issue.

tbrasington · 1 year ago

Same as you 10,0,12,36
Although it works fine on the site I have implemented it on, the example here reverts to the fall back form.

Paul Henry · 1 year ago

I have problem implementation of FU2 for flash 10.
No display errors in Firebug. I'm confused.
Help me, please!

Rob V · 1 year ago

I swear I HATE IE!!!!!

This page works fine in FF and IE.
But i d/l all the source and put in the EXACT code and nothing.
FIne in EE but nothing in IE. I will not pop the browse window. Any help at all.
IE 7 & flash 10

acctman · 1 year ago

its not IE so your hate for IE is wrong. its flash 10 that is screwing up a lot of flash apps on the net.

Mark Mooibroek · 1 year ago

Harald, it works fine in IE, Chrome and FF3. The only problem i can find. ( also in your testcase ) is that the image filter is not working in IE7. You probably are already aware of this issue, but i just wanted to point it out.

Thanks for this nice piece of software!

Paul Henry · 1 year ago

You had problems to install the FU2, it is not functioning, and I don't have no exit of error in Firebud FF3

Leonardo · 1 year ago

Can you share the original FLA file with us? I wanna make some changes at the code, but the old FLA file doesn´t work with Flash Player 10.
Thanks.

Dave · 1 year ago

It's already been made available at this link:

http://digitarald.de/project/fancyupload/2-0/sh...


Now I just gotta work out why when I click to download the .js files it just reloads the page, and when I right-click/save target as it downloads a fricken web page (it being Firefox)

rbateman · 1 year ago

I'm having a problem that hopefully you can help out with. I have the newest version all set up and working correctly. When and upload finishes it adds a node to the body above where the upload swf is, moving the form that it is in down.

In the new version it looks like the link to browse files has to remain in the same place in order for the browse feature to work, but with the new content pushing the link down, you can no longer click on it. You have to click where it used to be before.

Is there a function to refresh/redraw where the link is?

bairam · 1 year ago

Hi!

I'm a newby to javascript and got a big problem. I want to use fancyUpload for picture uploads in albums. In the form of the fancy upload I've put a combo box, where the user can choose an album. How can I pass through the data of this combo box to my upload.php file?

Khoa · 1 year ago

FU just stops working on my site recently as well. It did not work on my computer and many of my client computers. I received the same weird empty error, just simply poping up saying "error" when I clicked on the "browse files" button. Here is my test results:

On Windows:

- FF2 & FF3 with Flash 10: does not work
- FF2 with Flash 9: works
- IE6 & IE7 with Flash 10 (I guess, because I don't know how to check the flash version on IE): works

On MAC:

- FF & Safari with Flash 9: works

I also tested one time on a FF2/Flash 9, it works, then I upgraded to Flash 10, and it stops straight aways with that empty error messsage. So I believe that this library does not work with Flash 10 :-(

olivier · 1 year ago

rbateman >> yes there is such a function, called reposition() and it's automatically assigned to the window resize event if Flash version >= 10. So the easier is to fire this event when you need the button to be realigned : window.fireEvent('resize');

zilveer · 1 year ago

hi,
this doesnt work in ff3, but works in ie7..

/regards

a · 1 year ago

it can work

Dildolene · 1 year ago

Not true. v2.0 works in FF3!

Jen · 1 year ago

Is there a tutorial (or any documentation) for upgrading to 2.0?

A web developer put a site together for us with FancyUpload 1.0. Now that Flash 10 broke it, I want to upgrade it to 2.0, but I don't want to lose the way he customized FancyUpload for us...

frits · 1 year ago

yeah....i run it.butt i get error... flash 10

anybody no how to fix it? tutorial (or any documentation)

Ajay · 1 year ago

I have problem with IE 7 . I can not able to broswe files in IE 7. Lel me know if there any solution

a · 1 year ago

i need to know too

broswe files in IE 7 did't worked

i have to move mouse up a little broswe files worked!
it seems like position problem

Ajay · 1 year ago

In some of the system I found that it works on ie also. But I have problem with my system.

Let me know if you find solution

Ajay · 1 year ago

Hi I used this code and it it working fine in all browser.

<script language="javascript" type="text/javascript">

window.addEvent('load', function() {
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'includes/js/source/Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
//$('demo-fallback').destroy();
},
// The changed parts!
debug: true, // enable logs, uses console.log
target: 'demo-browse' // the element for the overlay (Flash 10 only)
});

/**
* Various interactions
*/

$('demo-browse').addEvent('click', function() {
swiffy.browse();
return false;
});

$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});

$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});

});
</script>

Roy · 1 year ago

are you sure that you are running flash 10 on ie ?
becaus it is no working here ....

Ajay · 1 year ago

Yes I have installed Flash 10.

Roy · 1 year ago

can you supmit me a working version to royvanwensen[add]gmail.com

Jen · 1 year ago

Does anyone know of a tutorial or documentation on using this with other items (name, email, etc) in a form?

Thanks.

Mike · 10 months ago

Anyone got something on this yet? The array with $_POST is always empty when going through FU. The file saves fine, its name as well, but the other form data is always empty...

psdremi · 1 year ago

but how to use it for file downloader ??? can you tell me ???

olivier · 1 year ago

Hey guys, everything you are asking for is here on this page. That's how I did it : I opened my old fancy upload initialization script, compared it with this one, and adjusted. Took me ten minutes. Reading the source can be very instructional too, lots of comments and most of the time the function and variable names speak for themselves.

nexen · 1 year ago

I'm using this great feature for my site but i have the same problem whit users that have FlasPlayer version 10, I update all just like say the (fixed) version but it does not work and I see an error on my javascript console like this:
__flash__argumentsToXML is not defined, I check the code but no luck to me.. any ideas?

egar · 1 year ago

im using the old version..without script that give the version of falash plugin..how i to upgade the fancyupoload

RvW · 1 year ago

i am try for a long time no to get the flash 10 version working but i dont get it working.
the old version was working verry wel but i dont get this working :'(

Kow · 1 year ago

Hi,

I've run in to an issue: If you have the FancyUpload for flash 10 installed on a page protected with .htaccess username & password, then for some reason the script asks for the username & password again.

Has somebody solved this issue?

Bas · 11 months ago

Flash needs his own identification with .htaccess HTTP AUTHENTICATION using .htaccess

Den · 1 year ago

Small advice if the uploader is hidden on the page:

If your 'Browse files' button (anchor as in the above example) is situated in hidden content (i.e. in div with display:none) - it won't work because flash object is positioned absolutely over the button and the button doesn't have the real coordinates if it is hidden.
You need to reposition it (swiffy.reposition();) after i.e. the tab with the uploader was shown. 'swiffy' object should have global scope in this case:

var swiffy = '';
window.addEvent('load', function() {
swiffy = new FancyUpload2(........

chixter · 1 year ago

mh, i got that problem with that hidden uploader...but i do not understand how u wanna fix that.
Can u explain it for me?!? thx a lot

fraktalisman · 10 months ago

Hidden indeed! Took me DAYS to understand the problem and find this hint!
reposition() should be mentioned on the main page of FancyUpload, this might save other developpers a lot of wasted time. Thanks a lot for this comment!

srini · 1 year ago

Hai,

Iam getting the flash movire over the browse flie link but after clicking on it iam not getting the File selector popup window.,

can u pl help me where is the problem ?

Dan · 1 year ago

I'm having same problem... will the Flash 10 version be released soonish?

rpflo · 1 year ago

Great app. Thank you!

Anand Phulwani · 1 year ago

It Is Not Working From Past 10-15 Days.

YoTI · 1 year ago

Yes, it's the same for me. An answer?

Anand Phulwani · 1 year ago

It Is Working On Some Machines And On Some Machines It Isnt Working

James · 1 year ago

I get an error when I click Browse Files, with FireFox 3, Flash 10 on Mac OS X

steph · 1 year ago

i tried to replace the code with the Flash 10 Fix and on some computers it doesnt load the file dialog anymore when we try to pick a file . Does anybody have an idea ? thx

turkish · 1 year ago

If you'll find a solution or anyone else, please post it.. have such problems and dunno how to fix them, because its working for me and not working for my clients :(

Oliver · 1 year ago

Guys, the fix is clearly stated. It works differenly with flash 10. Instead a swf is repositioned to overlap your target element. The target option is new. Go through the source and try again. The class/plugin is not a drop in replacement and requires alot of work to properly integrate. You won't find a solution to your problems unless you go through your code base and change whatever needs to be changed for your specific applicaiton.

Oliver · 1 year ago

typeFilter doesn't work with flash 10 in IE7 (might be other IE's as well, couldn't test them).
Works fine on other browsers for pre-setting type filter. Work around for now is to do a validation check on selection of a file and make sure it's a valid image, video, etc.

jimmy · 1 year ago

It doesnt work on IE7 + Flash 9 either.
I have specifically pass the filter when invoking the swiffy.browse(myFilter).

Oliver · 1 year ago

it works fine for me in f9 with ie7. prob just a messed up config for you.

Mike Feng · 11 months ago

Filter doesn't work in IE7 with flash 9. Even this showcase doesn't work either.

John Walker · 1 year ago

A small problem. I use the FancyUploader within a tabbed and colapsable window. The problem I have is that when I colapse the window or swap to another tab the swf overlay remains in the same position. Is there away to move this or turn it on and off. Other than that it is great.

jimmy · 1 year ago

Found a bug in IE.

When selecting a file that exceed the size limit, or count limit, the file will not be displayed in the list, but it will get uploaded when user click on upload button.

This problem happens on:
IE6 + Flash 9
IE7 + Flash 9

Works fine on:
FF2 + Flash 9
FF3 + Flash 10

andrey · 12 months ago

Yes, the bug exists, and it is critical. The problem is that onSelect handler return value is never passed back to AS, causing behavior like 'true' (!== false) returned. ExternalInterface.call returns null in IE for some reason. I don't know how to fix it.

Isma · 1 year ago

Browse crash with Firefox 3!!

Anthony · 12 months ago

Hi,

I have several problems like many others and I would like to know If someone as a fix for them because I've been struggling with it for days.

Besides, I think it would be nice to have a forum because find help or help with only a comment system is quite difficult.

So the errors are :

1- Browse file button is misplaced on Firefox 3.0.x but it's fine on Safari or IE7

2- Browse file is fixed, but how handle it if the height of the page change?

3- IE7 ignore file filters

I know that there is a function "reposition" but I just can't call it, either target is unknown or an error that tells me that reposition is not a function if I try to declare swiffy as global var.

Any help would be greatly appreciated.

d · 12 months ago

hello,

Anyone has a ZIP with the script 100% Ok please ?

x140l31 · 12 months ago

any idea for fix the ie browser filter error???

4356g · 12 months ago

what do i have to do, to get this working?

amit · 11 months ago

not working in firefox

Pissed · 11 months ago

I seems like this site is deserted. this young man seems to have lost responsibilty or interest in his project. So if you are not willing to help and put crap on here, remove it atr least.

JK · 11 months ago

I changed the size validation bit in script.php to allow large file uploads - but when you upload any more than about 10 MB it outputs "Missing file or internal error!".

I have got as far as understanding that when a large file is uploaded, script.php never gets sent a file.... but I can't trace back the steps to any code which does this.... is it part of the SWF...?

Help! lol!

Jérôme · 11 months ago

Have you changed the allowed file size in php.ini?

Alex2000 · 11 months ago

Really great Uploader! Great job!

But it looks like it doesn't work under with Windows Vista :(

François D · 11 months ago

Thank you for your work.

Is it possible to have the ".fla" file with flash10 fix?

Petronel · 11 months ago

when i first load this page, it seems that FLASH layer is not displayed ! only if click browse, thann I exit I see the Flash ! so maybe a small bug exist ! By the way I was not yet able to upgrade from previous version ! I receive in FIREBUG

__flash__argumentsToXML is not defined

any reply rto admin@talente.ro will be highly appreciated

Petronel · 11 months ago

In fact I was using a wrong path in the
window.addEvent('load', function() {
and now I see in FIrebug
Uploader ready

but when click on BROWSE I get:

An error occured: Error

Petronel · 11 months ago

it looks that under IE is ok ! I don't mind if you Harald delete all my this 3 posts... ;)

Muazzam Mehmood · 11 months ago

I appreciate the superb helping attitude of this site.

Muazzam Mehmood
Download Study Stuff
Discuss Study problems, new Ideas & Expertise

pascal · 11 months ago

Hello,

it's ok but i hav ethies error
this.parent is not a function
http://localhost/streamingvideopro/fancyUpload/...
Line 44

thanks

fraktalisman · 10 months ago

I had this error message when the html browse button was calling the old browse function (from flash 9 version). The flash 10 Version (FancyUpload 2) moves a transparent flash over the HTML Browse button that calls another file selector instead.

Try adding after the Swiffy-Constructor:

\$('demo-browse').addEvent('mouseover', function() {
swiffy.reposition();
});

Replace demo-browse with the ID of your actual browse button,
and swiffy with the actual instance name of the FacyUpload2.

Max · 11 months ago

Hi all,

It works fine! I got it to work completely after having beaten myself up for a couple of hours with source code and multiple Swiff.Uploader.swf file versions.

So It works for me with Windows Vista x64, EasyPHP 2.0, Firefox 3.0.5 and IE 7.0, both with Flash 10.0.12.36, but I have not tried online yet.

By the way, I added a piece of code in script.php (line 41), which allows files to be moved to an uploaded files folder, i.e. move_uploaded_file($file, "uploadedFiles/". $_FILES['photoupload']['name']);

Here you can find my final zip file. You just have to unzip it in your www folder.

http://www.megaupload.com/?d=5KUZKV5S

I Hope it will help many of you.

Regards, Max from France, and great thanks to FancyUpload developer!

Flemming · 11 months ago

Great stuff, Max. Thanks a million. Also got it to work here after downloading your zipped file.

Any idea why only up to 5 files are shown beneath the progress bar? Seems you have to remove them manually after upload has finished, if you want to see the rest of the files. Is that a bug? Any idea?

Regards

Flemming (Denmark)

Jérôme · 11 months ago

Change in FancyUpload2.js

limitFiles: 5,

in what ever you like

limitFiles: 40,

Flemming · 11 months ago

Thanks, mate ;-) Overlooked that one.

hk · 11 months ago

visit www.vg70.co.cc
for free items.

hk · 11 months ago

need free picture,animation,news,sms....
just Visit on www.vg70.co.cc
click and pick
all items are only dedicated for u.
get it now.

AndyD · 11 months ago

Max - I love you!
I have been fighting with SWFUpload for 2 days now - too complicated.
I DL'ed your zipped file example of FancyUpload and it worked first time. Now to see if it works on my clients server.
Thank you so much.

s · 11 months ago

Not working AFTER FLASH 10 install !

s · 11 months ago

Great job by MAX!

His file:
http://www.megaupload.com/?d=5KUZKV5S

works great. If you use PHP <5 then use this function in your script.php file

if (!function_exists('json_encode'))
{
function json_encode($a=false)
{
if (is_null($a)) return 'null';
if ($a === false) return 'false';
if ($a === true) return 'true';
if (is_scalar($a))
{
if (is_float($a))
{
// Always use "." for floats.
return floatval(str_replace(",", ".", strval($a)));
}

if (is_string($a))
{
static $jsonReplaces = array(array("\\", "/", "\n", "\t", "\r", "\b", "\f", '"'), array('\\\\', '\\/', '\\n', '\\t', '\\r', '\\b', '\\f', '\"'));
return '"' . str_replace($jsonReplaces[0], $jsonReplaces[1], $a) . '"';
}
else
return $a;
}
$isList = true;
for ($i = 0, reset($a); $i < count($a); $i++, next($a))
{
if (key($a) !== $i)
{
$isList = false;
break;
}
}
$result = array();
if ($isList)
{
foreach ($a as $v) $result[] = json_encode($v);
return '[' . join(',', $result) . ']';
}
else
{
foreach ($a as $k => $v) $result[] = json_encode($k).':'.json_encode($v);
return '{' . join(',', $result) . '}';
}
}
}

Vadym · 11 months ago

Hello.
Harald, can you tell what really needs for v1.0 (mootools 1.11 powered) to fix a bug with adobe's flash player v10? (Except SWF file I need to know how to fix it quickly).

me · 11 months ago

This exemple is limited to 2Mb :
limitSize: 2 * 1024 * 1024, // 2Mb

It’s ok with firefox but IE7 is not limited.

1) If i send a file size over 2Mb a new size is indicate in Overall Progress...

2) If i add another file (less than 2Mb) my first and second file is upload.

frits · 11 months ago

change this in index.php
//////////////////////////////////////////////

limitSize: 10 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024, // 10Mb

///////////////////////////////////////////////
change this in script.php


if (!is_uploaded_file($file) || ($_FILES['photoupload']['size'] > 10 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 * 1024 ) )

works great here :)

me · 11 months ago

Thank's but it's not ok fo me :(

I use Flash 9 with FF and Flash 10 with IE7.

My version is patched for Flash 10, and my basic download is ok, but limitSize with IE7 and Flash 10 is not ok.

If i like send a file over limitSize this one is not download but the size is indicate in Overall Progress, and if i like send another file less than limitSize all (first and second) file is download.

I have this error in my website and in the page "Queued Photo Uploader (Fixed)" :
http://digitarald.de/project/fancyupload/2-0/sh...

xocolatx · 10 months ago

OR limitSize: 10 * 1024 * 10

Andy · 11 months ago

Thx from germany, Max!

Pedro Neto · 11 months ago

error ocurred: Error
in some IE7

Aggrivated SqueezeBox user · 11 months ago

I get the "Error" box as well, no indication of what the error actually is.

Found your Updated code for Flash 10, used that, and the script doesnt work at all.

The onLoad: function() does not fire

UnclaimedHelper · 11 months ago

You need the new SWF file. Download it from this example.

Beaudoin · 11 months ago

I got it to work using MAX's files using ASP to send the file using Persist's Upload script (which you have to purchase). So a big thanks to MAX for his hard work. Un gros merci à toi MAX pour un travail bien fait.

The only problem that I have is when I try to use a include file command to import the page that contains this form and script. It just won't work. Does anyone have any insight into what could be the problem?

Bruno Torrinha · 11 months ago

Source code worked as a charm ;)
Thanks Harald!

David · 11 months ago

Hi! First of all, THANKS Harald! ;)

I have spent some time trying to solve the "Error #2038 securityerror" that Safari (for Windows) and Chrome were showing me when I tried to upload files, while Firefox and Internet Explorer 7 worked well. The problem was that on the form that sends the files I put on the action something like "folder/get_file.php". This seams to cause a strange behaviour. To solve the issue I wrote "/main_folder/folder/get_file.php".

Maybe this is usefull ^_^.

VIRUS · 11 months ago

On click to browse files, alert: Error. Why ?

halı yıkama · 11 months ago

thanks

null · 11 months ago

I would like to modify the .as3 code but cannot find the source code. The zip file @ github is missing.

Mike Feng · 11 months ago

Found a bug: When trying to browse using IE7 with Flash 9, the filter does not fallback properly. Selecting Images Only still shows all file types. Same behavior on this showcase.

as · 11 months ago

Doesn't work with Firefox 3, but works in IE7 :/

germain · 11 months ago

I get the same issue. Does anyone have the solution? That would help.
Thanks a lot

germain · 11 months ago

check this: http://digitarald.de/project/fancyupload/2-0/sh...

Gary · 11 months ago

Can fancy uploader rename the file with a unique number and then pass that number into a product attribute in a mysql database in a shopping cart system?

stope · 11 months ago

Crushes in Opera 9.52 (Shockwave 10) without any info or error report - anyone experienced this and got a clue?

Thomas Gatt · 11 months ago

I found the previous version more stable - just install flash 9 and it works like a charm.

Max's zip file does not work on IE7 - the fallback div does not hide :/ - works fine on Firefox though.

Thanks Max. .. anyone managed to make it work on all browsers using any flash version ?

Thomas Gatt · 11 months ago

More info:

Using IE7 I get the following:
Showcase with FancyUpload preview version. Detected Flash 0!

Do I have something wrong with my flash installation?

Thomas Gatt · 11 months ago

Even more info:

In order to work on IE7 you have to enable Protected Mode.

Hope this helps.

A.V. Vora · 10 months ago

Not working in Fire fox.. getting error alert box

Skidpics · 10 months ago

I keep getting Error #2038 on music uloads. Is this a timing out issue?

What are the optimal php.ini settings to make sure an 8meg file gets uploaded?

Thomas Gatt · 10 months ago

upload_max_filesize = 8M;
post_max_size = 8M;

Good luck

gRoberts · 10 months ago

For some reason, I am unable to get past the onBeforeOpen event...

I have tried returning the options object back as well as passing nothing and onOpen never fires.

Any idea's?

TomWA007 · 10 months ago

I am getting the error "this.parent is not a function" on line 46 of FancyUpload2.js.

I have made certain I have all includes properly pathed, and have downloaded the newest mootools, both compressed and non-compressed. I have seen several other people with this issue, but cannot find a solid resolution.

Matt · 10 months ago

I've spent all morning trying to figure this out - you need to make sure you call Swiff.Uploader.js before FancyUpload2.js.

Nick · 10 months ago

It works great in Firefox 3, but not IE7. Flash 10 is running for both. In IE it works fine until I hit upload, the progress bar moves to a partially complete percentage and then the upload just stops. I can still clear the list and browse for more files. No file is uploaded.

Ideas??

Huw · 10 months ago

Okay, firstly thanks for your great work. I am using a slightly modified version of this class, along with a class of my own which extends it. So far the upload seems to be working fine. The only bug I can find at this point is that when placing two (or more) instances of the class on a page, the positioning of the flash overlay does not move with the flow of the page.

To clarify, with two instances on top of each other, adding files causes the second instance to drop down the page (normal behaviour). The overlay stays where it is, presumably the positioning is absolute. I can't think of any immediate way round this, but would be interested to hear your thoughts.

Huw · 10 months ago

Following up my comment below - one very dirty hack is to call reposition() on mouseenter of the original browse element... ;)

cikas · 10 months ago

Doesn't work for me on FF3...

Robin · 10 months ago

This is disappointing that this script is not working on mac. Is there any reason of that? When I want to browse something, its said error! No information about this error, nothing at all. Not working on FF3, Safari 3, Opera 9.

dom · 10 months ago

Hi! Fancyupload is a really great script!
I try to add a Retry button when the upload failed but it seems to be difficult, does anybody have already done that?

Thanks a lot!

Damu · 10 months ago

Does anyone know how to upload whole folder with its subfolders and files. Because we can't ask client to use FTP to upload files and folders.

o_m · 10 months ago

Check out WebDAV:
http://www.windowsnetworking.com/articles_tutor...
as stated it has security issues - but it's easy.

freek · 10 months ago

change the script.........

Does anyone know how to upload subfolders.

now you can choose 1 upload dir.. butt how to change to 3 dir ?

boris · 10 months ago

Does anybody know why the typeFilter doesn't work in IE?

Tnx in advanced =)

Michael Bailey · 10 months ago

I've been trying to find a solution(fix) for this IE problem (flash 9 and 10) but nothing yet - anyone else?

Alex · 10 months ago

I'm running multiple ajax call from one page that smoothbox_get certains url. The problem I'm having with your fancyupload is that the flash/button seems to be accessible within the page (if I click at the place that the browse file button used to be) even when it's replaced in the DOM.

Do you have any idea what could cause this?

rajesh · 10 months ago

hi,
i get an alert box showing "Error" when i click on the Browse link. can u tell what could be wrong ?
thanks,
rajesh

Alan · 10 months ago

Here, too, I get an error showing "Error". Seems that the browse() function in the actionscrip file isn't working well, as it always reach its end, when it returns "Error".

Magicdemon · 10 months ago

And always no solution?? Today, there is a new update of flash player. And always the same bugs... not work on IE7, FF3 with the last flash player.

Alan · 10 months ago

Still no solution. I've also tried the preview versione for flash 10 and it doesn't work.

I'm stuck.

tjstalcup · 9 months ago

still no solution to this?

digitarald · 9 months ago

Checked the new version that I'm working on and nothing breaks. Release probably next week if all works out.

tjstalcup · 9 months ago

is there a demo of this new version? I need this for a corporate site today.

digitarald · 9 months ago

There is, but not public yet. Email me if you want the preview code package.

Andrew · 10 months ago

I want to add some other form fields and have their values get sent also. Is there anyway to change the parameters (url) that get sent into the fancyupload2 at initialization?

Toine · 10 months ago

It works great on Mac, but for some reason I got a javascript popup stating nothing more than "Error" on Windows browsers (IE7, Firefox3 and Opera9). Anyone familiar with this problem?

BW · 9 months ago

I get the same error in Firefox3 as well, Ie7 works fine, IE6 says Error as well.

De error is generated in de function:
browse: function(fileList)

Axel F. · 10 months ago

Seems like the Version for Flash 10 won't work with Flash 9.
Tested fixed Version on Win + FF3 + Flash 10
Tested non-fixed on Mac + FF3 + Flash 9
...those work, but not in opposite constellation...
any ideas on that?

Axel F. · 10 months ago

I also always get a "this.filter is not a function" error in mootools
filter = {'Images (*.jpg, *.jpeg, *.png)': '*.jpg; *.jpeg; *.png'}; but filter function seems to work though

Tuur · 10 months ago

Having the same problem.
I've testen the above showcase on many different pc's and mac's.

It seems that it doesnt work on any Mac in combination with Flash 9.
Upgrading to Flash 10 solves the problem, but thats not always an option.

It's a great script and I would love to use it, is there anyone that got it to work on a Mac with Flash9?

The error I'm getting is 'httpStatus 301'.

Thanks in advance.

Mike · 10 months ago

Other then that this script does exactly what it says it does (except for the IE filtertype bug), I'm very curious after how to get $_POST's through to the processing page.

If I submit a form to the php handling page it get's the $_FILES[] data, but none of the $_POST data that was submitted with the same form. Anyone a suggestion/fix?

tomasr · 10 months ago

Have you ever seen to work with Zend framework? Or somebody now how to repair it?

I've got this error:
Fatal error: Uncaught exception 'Zend_Controller_Dispatcher_Exception' with message 'Invalid controller specified (scripts)' in E:ApachehtdocsprojectswebPhotolablibraryZendControllerDispatcherStandard.php:241 Stack trace: #0 E:ApachehtdocsprojectswebPhotolablibraryZendControllerFront.php(934): Zend_Controller_Dispatcher_Standard->dispatch(Object(Zend_Controller_Request_Http), Object(Zend_Controller_Response_Http)) #1 E:ApachehtdocsprojectswebPhotolabindex.php(71): Zend_Controller_Front->dispatch() #2 {main} thrown in E:ApachehtdocsprojectswebPhotolablibraryZendControllerDispatcherStandard.php on line 241

swf extension is written in .htaccess file
RewriteRule !\.(swf|js|ico|gif|jpg|png|css|txt|doc|html)$ index.php

fraktalisman · 10 months ago

I finally patched FancyUpload2.js
beacause of the IE bug (Internet Explorer 6 / 7 / 8 partially ignoring return false inside onSelect and uploading the file even though it does not appear in the queue shown in the browser);

Thanks to the other posters for the initial suggestions. What I do is check the file for file type, minimum size and maximum size using a custom validateFile function in the swiffy constructor.

window.addEvent('load', function() {
var swiffy$artikelnr = new FancyUpload2( [...]
// more options here
validateFile: function(datei) {
// various tests here
if (correct==1) return true;
return false;
}
[...]


To get this actually working in Internet Explorer as well, I had to modify FancyUpload2.js

onSelect: function(file, index, length) {
var errors = [];
if (this.options.limitSize && (file.size > this.options.limitSize)) errors.push('size');
if (this.options.limitFiles && (this.countFiles() >= this.options.limitFiles)) errors.push('length');
if (!this.options.allowDuplicates && this.getFile(file)) errors.push('duplicate');
if (!this.options.validateFile.call(this, file, errors)) errors.push('custom');
if (errors.length) {
alert('zu loeschen');
this.zuloeschen=file;
var fn = this.options.fileInvalid;
if (fn) fn.call(this, file, errors);
// return false; // DONT RETURN FALSE YET AT THIS PLACE
}
(this.options.fileCreate || this.fileCreate).call(this, file);
this.files.push(file);
return true;
},

onAllSelect: function(files, current, overall) {
if (typeof(this.zuloeschen)!='undefined') {
if (this.zuloeschen!='') {
this.removeFile(this.zuloeschen);
this.zuloeschen='';
}
}
this.log('Added ' + files.length + ' files, now we have (' + current.bytesTotal + ' bytes).', arguments);
this.updateOverall(current.bytesTotal);
this.status.removeClass('status-browsing');
if (this.files.length && this.options.instantStart) this.upload.delay(10, this);
},

digitarald · 10 months ago

The new version that is currently under development fixes all those IE problems. It is a complete rewrite, to sum up all the problems and new features that were discussed.

fraktalisman · 10 months ago

That sounds great! Any idea when it will be ready?

For everybody using my patch posted above, until the new version is ready, please note that this is not yet complete and will only remove 1 file! I will change it to use an array instead of the variable so it works properly.

fraktalisman · 10 months ago

initialize: function(status, list, options) {
// existing stuff ...
this.files = [];
this.zuloeschen = []; // new Array for invalid files, needed because of IE-bug
// more existing stuff ...


onSelect: function(file, index, length) {
// see above ...
if (!this.options.validateFile.call(this, file, errors)) {
errors.push('custom');
this.zuloeschen.push(file);
// ...

// ...
onAllSelect: function(files, current, overall) {
// see above ...
for (var zaehler in this.zuloeschen) {
var dateizuloeschen = this.zuloeschen[zaehler];
if (typeof(dateizuloeschen)!='undefined') {
if (dateizuloeschen!='') {
this.removeFile(dateizuloeschen);
} // endif not empty
} // endif defined
} // next file in array of invalid files
this.zuloeschen=[];

// ...

xz · 9 months ago

if it can be work after i download all file ?
if it can't be work ,what should i rewrite?
thank you !!studing....

claustrite · 10 months ago

Any solutions for the linux hang problem?

Bart · 9 months ago

In IE7 the only images upload function does not work, only "All Files *.*"

BW · 9 months ago

I keep getting an error "Error" when clicking the browse button in Firefox and IE6. IE7 works fine.
Sorted out that the error pops up in this function at ret!==true:
browse: function(fileList) {
var ret = this.parent(fileList);
if (ret !== true){
this.log('Browse in progress.');
if (ret) alert(ret);
} else {
this.log('Browse started.');
this.status.addClass('file-browsing');
}
},


tomasr · 9 months ago

I have two problems, whose solution I didn't find out neither in comments nor elsewhere (however is written here about them).

1. IE7 - in log is success and file is correctly uploaded, but bad class is added and wrong icon (failed) appears.
I found out in comments something about activating of json in mootools. But I found nothing about activating json in mootools nowhere. How is it meant?

2. In firefox diesn't work at all. I think that is because of handle with session. Therefore is written a lot about it, I can't solve it, because doesn't help adding PHPSESSID, SESSID nor SID on the end of url. I think, that it has to be some Zend framework problem.

tomasr · 9 months ago

digitarald: When could we expect some better manual? How can I force mootools to accept json (json return success, but fail icon appears)?

csar · 9 months ago

i ahve a social network where user can upload images to thier photo gallery, ..Does anyone know how to replace my curent single uploader with this cool fancyupload one?

THIS IS THE CODE OF MY CURENT UPLOADER.PHP





require_once('inc/header.inc.php');
require_once( BX_DIRECTORY_PATH_INC . 'design.inc.php' );
require_once( BX_DIRECTORY_PATH_INC . 'admin.inc.php' );
require_once( BX_DIRECTORY_PATH_INC . 'images.inc.php' );
require_once( BX_DIRECTORY_PATH_INC . 'tags.inc.php' );


$_page['name_index'] = 82;
$_page['css_name'] = 'viewPhoto.css';

$_page['extra_js'] = '';

check_logged();

$_page['header'] = _t( "_upload Photo" );
$_page['header_text'] = _t("_upload Photo");

$_ni = $_page['name_index'];

$member['ID'] = (int)$_COOKIE['memberID'];
$check_res = checkAction( $member['ID'], ACTION_ID_UPLOAD_GALLERY_PHOTO );
if ( $check_res[CHECK_ACTION_RESULT] != CHECK_ACTION_RESULT_ALLOWED && !$logged['admin'] && !$logged['moderator'] )
{
$ret = "
<table width=100% height=100% cellpadding=0 cellspacing=0 class=text2>
<td align=center bgcolor=$boxbg2>
". $check_res[CHECK_ACTION_MESSAGE] ."

</td>
</table>\n";

$_page['name_index'] = 0;
$_page_cont[0]['page_main_code'] = $ret;
PageCode();
exit();
}

$iPhotoCount = (int)db_value("SELECT COUNT(*) FROM `sharePhotoFiles` WHERE `medProfId`='{$member['ID']}'");
if ($iPhotoCount < (int)getParam("shPhotoLimit")) {
$sStatus = '';
if (isset($_POST['upload']) && isset($_POST['medProfId'])) {
$sStatus = '<div>'._t("_File was uploaded").'</div>';
$iUser = (int)$_POST['medProfId'];
$sFile = htmlspecialchars_adv($_POST['title']);
$sDesc = isset($_POST['description']) && strlen($_POST['description']) ? process_db_input(htmlspecialchars_adv($_POST['description'])) : '';
$sTags = isset($_POST['tags']) && strlen($_POST['tags']) ? process_db_input(htmlspecialchars_adv($_POST['tags'])) : '';
$sStatus = uploadFile($sFile, $sDesc, $sTags, $iUser);
}
}
else {
$sCode = MsgBox( _t( '_Photo gallery limit was reached' ) );
$_page['name_index'] = 0;
$_page_cont[0]['page_main_code'] = $sCode;
PageCode();
exit();
}

$_page_cont[$_ni]['page_main_code'] = $sStatus.PageMainCode($site['url'], $member['ID']);

PageCode();

function PageMainCode($sSiteUrl, $iUser = 0) {
if ($iUser == 0)
return '<script language="javascript">window.location.href =\''.$sSiteUrl.'member.php\';</script>';
ob_start();
?>
<div id="agreement" style="text-align: center;">
<div style="font-weight: bold;"><?=_t("_Media upload Agreement",_t("_Photo"))?></div>
<div>
<textarea rows="20" cols="80" readonly="true"><?=_t("_License Agreement", $sSiteUrl)?></textarea>
</div>
<div>
<input type="submit" id="agree" value="<?=_t("_I agree")?>" onclick="document.getElementById('uploadShareMain').style.display = 'block';
document.getElementById('agreement').style.display = 'none';"">
</div>
</div>
<div id="uploadShareMain" style="display: none;">
<form enctype="multipart/form-data" method="post" action="<?=$_SERVER['PHP_SELF']?>">

<div class="uploadLine">
<div class="uploadText"><?=_t("_Title")?>: </div>
<div><input type="text" name="title" class="uploadForm"/></div>
</div>
<div class="uploadLine">
<div class="uploadText"><?=_t("_Description")?>: </div>
<div><textarea name="description" class="uploadForm"/></textarea></div>
</div>
<div class="uploadLine">
<div class="uploadText"><?=_t("_Tags")?>: </div>
<div><input type="text" name="tags" class="uploadForm"/></div>
</div>
<div class="uploadLine">
<div class="uploadText"><?=_t("_Select")?>: </div>
<div><input type="file" name="uploadFile" size="43"/></div>
</div>
<input type="hidden" name="medProfId" value="<?=$iUser?>"/>
<div class="uploadLine">
<div class="uploadButton">
<input type="submit" name="upload" value="<?=_t("_Upload File")?>"/>
</div>
</div>
</form>
</div>
<?
$sCode = ob_get_clean();

return $sCode;

}

function uploadFile($sFile, $sDesc, $sTags, $iUser)
{
global $dir;

if( $_FILES['uploadFile']['error'] != 0 )
$sCode = '<div class="uploadStatus">'._t("_File upload error").'</div>';
else {
$aFileInfo = getimagesize( $_FILES['uploadFile']['tmp_name'] );
if (!$aFileInfo)
$sCode = '<div class="uploadStatus">'._t("_You uploaded not image file").'</div>';
else {
$ext = false;
switch( $aFileInfo['mime'] ) {
case 'image/jpeg': $ext = 'jpg'; break;
case 'image/gif': $ext = 'gif'; break;
case 'image/png': $ext = 'png'; break;
default: $ext = false;
}

if (!$ext)
$sCode = '<div class="uploadStatus">'._t("_You uploaded not JPEG, GIF or PNG file").'</div>';
else {
$sCode = '<div class="uploadStatus">'._t("_Upload successful").'</div>';

$sActive = getParam("enable_shPhotoActivation") == 'on' ? 'true' : 'false' ;
$sPhotoUri = uriGenerate($sFile, 'sharePhotoFiles', 'medUri');
$sQuery = "INSERT INTO `sharePhotoFiles` (`medProfId`,`medTitle`,`medUri`,`medExt`,`medDesc`,`medTags`,`medDate`,`Approved`) VALUES('$iUser','$sFile','$sPhotoUri','$ext','$sDesc','$sTags',".time().",'$sActive')";
db_res($sQuery);
$iNew = mysql_insert_id();
reparseObjTags( 'photo', $iNew );

$sNewFileName = $dir['sharingImages'] . $iNew.'.'.$ext;
$sNewMainName = $dir['sharingImages'] . $iNew.'_m.'.$ext;
$sNewThumbName = $dir['sharingImages'] . $iNew.'_t.'.$ext;

$iUpload = (int)preg_replace('/\D/', '', ini_get('upload_max_filesize'));
$iPost = (int)preg_replace('/\D/', '', ini_get('post_max_size'));

$iMin = $iUpload > $iPost ? $iPost : $iUpload;
if ($_FILES['uploadFile']['size'] && $_FILES['uploadFile']['size'] > $iMin*1024*1024)
$sCode = '<div class="uploadStatus">'._t("_SIZE_TOO_BIG").'</div>';
else {
if (!move_uploaded_file( $_FILES['uploadFile']['tmp_name'], $sNewFileName))
$sCode = '<div class="uploadStatus">'._t("_Couldn\'t move file").'</div>';
else {
chmod( $sNewFileName, 0644 );
$iWidth = (int)getParam("max_photo_width");
$iHeight = (int)getParam("max_photo_height");

$iThumbW = (int)getParam("max_thumb_width");
$iThumbH = (int)getParam("max_thumb_height");

if (imageResize( $sNewFileName, $sNewMainName, $iWidth, $iHeight ) != IMAGE_ERROR_SUCCESS)
$sCode = '<div class="uploadStatus">'._t("_Upload failed").'</div>';
else {
imageResize( $sNewMainName, $sNewThumbName, $iThumbW, $iThumbH );
$bPermalink = getParam('permalinks_gallery_photos') == 'on' ? true : false;
$sFileLink = getFileUrl($iNew, rawurlencode($sPhotoUri), 'photo', $bPermalink);
header("Location:".$sFileLink);
exit;
}
}
}
$sqlDelete = "DELETE FROM `sharePhotoFiles` WHERE `medID`='$iNew'";
db_res($sqlDelete);
}
}
}
return $sCode;
}

mrha · 9 months ago

sometime appear "securityError Error #2038" in my site!? i don't kown how to fix them!
help me please!

xz · 9 months ago

if it can be work after i download all file ? if it can’t be work ,what should i rewrite? thank you !!studing….

xz · 9 months ago

now i can't open the file browser