I was recently searching for a solution that would allow people to upload photos of their homes on Golf Home Exchange. The standard upload method using HTML forms and PHP was not good enough as their was no indication of progress. As a result, the users thought the system wasn’t responding or something had gone wrong when simply it was taking a while to upload the image. Many simply gave up and never finished the registration process.
Luckily I stumbled across Uploadify, developed by Ronnie Garcia. Uploadify is a jQuery plugin that allows the easy integration of multiple (or single) file uploads. By default, the standard File Upload dialog in browsers only allows for single selection of files. To circumvent this issue and enable multiple file uploading, Flash is used.
To get started, you will need to download the jquery.uploadify-v1.6.2.zip package, then unzip and upload the files to your website.
Then in your HTML, add this code:
<body>
<input type="file" name="fileInput" id="fileInput" />
<script type="text/javascript">
$(document).ready(function() {
$('#fileInput').fileUpload ({
'uploader' : 'uploader.swf',
'script' : 'upload.php',
'cancelImg' : 'cancel.png',
'auto' : true,
'folder' : '/uploads'
});
});
</script>
</body>
This will set up Uploadify in it’s basic form. There are a ton of parameters you can set, plus event listeners (e.g. onAllComplete – triggers when all the files in the queue have been uploaded).
You can provide your own styled upload button and specifying the path to it by using the buttonImg parameter. If you want to customise the look of the upload progress bars, you will need to go into the Uploadify FLA and modify that manually.
You can also specify whether multiple files upload simultaneously or one at a time.
The script parameter allows you to specify your server side code that gets executed once a file has finished uploading. The example provided is PHP but you could use any backend development language.
There is only one downside to Uploadify, and that is that it needs Flash Player installed. If a user doesn’t have Flash Player installed, then it won’t work. I’m still looking for a File Upload solution for instances where the user doesn’t have Flash Player installed. Can anyone point me in the right direction?
Apart from this small issue, Uploadify is a solid alternative to using the standard File Upload dialog.
For more information and documentation: Uploadify
RSS
I’ve done the same thing with PHP as the backend and no flash. Also, nice captcha
EllisGL – Yeah it’s possible with PHP but you can only do single file selection in the File upload dialog.
[...] Multiple file upload using jQuery and Flash | Weblenium (tags: jquery flash) Wikio Wikio [...]
Yeah, I have bumped into uploadify, very nice, but hard to add to a surrounding form.
phydeaux – I had no problems putting Uploadify into a form. It just replaces the input field element you specify with the Uploadify object.
[...] Multiple file upload using jQuery and Flash | Weblenium [...]
Hi,
Very nice!!
But how could I do to add more fields in my form?
I mean, if for example the form has:
1. Name (input file text)
2. Upload
3. Submit
I want to get the name and the files to show in another form?
Help please, thanks
Nice one
ocljlwijlmcds
Hi there! Wonderful idea, but can this actually perform?
CORNELIA
Hello, I came across this blog post while searching for help with JavaScript. I’ve recently changed browsers from Chrome to IE. After the change I seem to have a problem with loading JavaScript. Everytime I browse site that requires Javascript, my computer doesn’t load and I get a “runtime error javascript.JSException: Unknown name”. I can’t seem to find out how to fix it. Any help is greatly appreciated! Thanks
Hi, I discovered this site by mistake i was looking for Google for a registry cleaner that I had already purchased when I came upon your web-site, I must say your site is truly cool I just love the theme, its amazing!. I do not have the time right now to fully examine your internet site but I have bookmarked it as well as signed up to your RSS feeds. I will be back in a day or two. thanks to get a excellent site.”
Thanks. Are you enlightened if there are the other pages with similar information to the present one?
This is the only site that lets you upload at an unlimited amout and its free
I must say that by and large I am really pleased with this website. After reading your post I can tell you are well educated about your writing. Looking forward to future posts.Cheers!
If you’re looking for an alternative to this that is a little more robust with features and customizations. Check out Agile Uploader: http://www.shift8creative.com/projects/agile-uploader/index.html
It also lets you resize any attached images on the client side using Flash before being uploaded. The project comes with a jQuery plugin to facilitate using it.
I have read a few of the articles on your website now, and I really like your style of blogging. I added it to my favorites blog list and will be checking back soon. Please check out my site as well and let me know what you think.
Hey I landed on your site by chance on yahoo while searching for something really irrelevant but I am really happy that I did, You have just earned yourself another subscriber.
ts really helpfull and informative , Amazing work darragh ..Way of explanation and pictures presentation is attaractive .
I’m glad I found this blog page, I couldnt discover any information on this topic prior to. Also manage a website and if you want to ever serious in a little bit of guest writing for me please feel free to let me know, im always look for people to check out my blog page. Please stop by and leave a comment sometime!
Fantastic site, where did you come up with the information in this piece? Im pleased I found it though, ill be checking back soon to see what other articles you have.
Amazing article, this is very similar to a site that I have. Please check it out sometime and feel free to leave me a comenet on it and tell me what you think. I’m always looking for feedback.
This is a very interesting post, I was looking for this knowledge. Just so you know I found your blog when I was doing research for blogs like mine, so please check out my site sometime and leave me a comment to let me know what you think.
its awsome check it out here: http://FVCheats.net/
I have read a few of the articles on your website now, and I really like your style of blogging. I added it to my favorites site list and will be checking back soon. Please check out my site as well and let me know what you think.
Useful article, this is very similar to a site that I have. Please check it out sometime and feel free to leave me a comenet on it and tell me what you think. I’m always looking for feedback.
I’m happy I discovered this site, I couldnt locate any info on this subject matter prior to. I also operate a website and if you wish to ever interested in doing a bit of guest writing for me make sure you feel free to let me know, i’m always look for people to check out my site. Please stop by and leave a comment sometime!
This is a very important post, I was looking for this information. Just so you know I located your web page when I was looking around for blogs like mine, so please check out my site sometime and leave me a comment to let me know what you think.
I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.
Hey Boss – its a nice blog, just looking around some blogs, seems a pretty nice platform you are using. I’m currently using Wordpress for a few of my sites but looking to change one of them over to a platform similar to yours as a trial run. Anything in particular you would recommend me about it?
It does seem that everybody is into this kind of stuff lately. Don’t really understand it though, but thanks for trying to explain it. Appreciate you shedding light into this matter. Keep it up
ohhh nice info
Hey – nice blog, just looking around some blogs, seems a pretty nice platform you are using. I’m currently using Wordpress for a few of my sites but looking to change one of them over to a platform similar to yours as a trial run. Anything in particular you would recommend about it?
Hello Guru, what entice you to post an article. This article was extremely interesting, especially since I was searching for thoughts on this subject last Thursday.
Have you ever considered adding more videos to your blog posts to keep the readers more entertained? I mean I just read through the entire article of yours and it was quite good but since I’m more of a visual learner,I found that to be more helpful well let me know how it turns out! I love what you guys are always up too. Such clever work and reporting! Keep up the great works guys I’ve added you guys to my blogroll. This is a great article thanks for sharing this informative information.. I will visit your blog regularly for some latest post.
I hate to sound like a nitpick, but your grammar is just…deplorable. I want to be interested in this, I really do. But it seems you spent so much time on the design (which, I will say, is amazing) that you forgot that people actually have to read your blog. Clean this up…PLEASE. It could be so much bigger if you just did some work.
I don’t agree with everything in this post, but you do make some very good points. I’m very interested in this matter and I myself do alot of research as well. Either way it was a well thoughtout and nice read so I figured I would leave you a comment. Feel free to check out my website sometime and let me know what you think.
Thank you for such a informative blog. Where else could anyone get that kind of information written in such an incite full way? I have a project that I am just now working on, and I have been looking for such info.
Hi, where did you get this information can you please support this with some proof or you may say some good reference as I and others will really appreciate. This information is really good and I will say will always be helpful if we try it risk free. So if you can back it up. That will really help us all. And this might bring some good repute to you.
Hi, interesting post. I have been thinking about this topic,so thanks for posting. I’ll probably be coming back to your posts.
What I dont understand is how youre not even more popular than you are now. Youre just so intelligent. You know so much about this subject, made me think about it from so many different angles. Its like people arent interested unless it has something to do with Lady Gaga! Your stuffs great. Keep it up!
I read your articles and get a lot of info that I never know before. It’s hard to find knowledgeable people on this topic, but you sound like you know what you’re talking about!
Software Robot…
If you cannot drive great volumes of people to it effectively … your small business will be unsuccessful…….
Before i start to comment i just want to say that i dont agree with others before me. I guide more on the premiss .. like keeping in mind only what you see before your eyes and what you have in your hand. Anyway i will get back to you with my arguments on this after i fully analyze my perspective.
Ps.There is no diffrence between bygg and big there is just how you compare prices (jämför priser) and you complete the deal.
Couldn’t be written any better. Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this article to him. Pretty sure he will have a good read. Thanks for sharing!
I thought it was going to be some boring old post, but it really compensated for my time. I will post a link to this page on my blog. I am sure my visitors will find that very useful.
Before i start to comment i just want to say that i dont agree with others before me. I guide more on the premiss .. like keeping in mind only what you see before your eyes and what you have in your hand. Anyway i will get back to you with my arguments on this after i fully analyze my perspective.
Ps.There is no diffrence between bygg and big there is just how you compare prices (jämför priser) and you complete the deal.
I randomly browse blogs on the web, and I find your article to be very informational. I’ve already bookmark it on my browser, so that I can view your blog submit once more later. Also, I am wondering whether or not your blog is open for hyperlink change, as I really want to change links with you. I do not usually do that, however I hope that we will have a mutual hyperlink exchange. Let me know and have an awesome day!
Have been searching for some decent information on this for awhile now thats for the great article.
P thanks to your ideas , i’d adore to adhere to your weblog as usually as i can.possess a good day