Flickr Uploader Clone: Free Download with source code

I have been searching for flickr uploader clone script online for one of my project. But no luck! There is no such thing on internet. Then I started with analyzing the javascript code of flickr uploader. Lucky that they did not packed their js. Though it was minified by removing white spaces. I used an online javascript code beautifier to make it pretty readable. After that the challenging part began. Cos, the code normally does not work on my local server. After huge hard working of long one week I made it finally. It works great! Even it works for videos too. You can modify the code for uploading any types of file. FYI, Flickr has used YUI (Yahoo User Interface) library for their uploader. So there is no licensing problem if you use this uploader for your own.

For my own need I added 2 extra fields. They are sent to server via POST method along with the FILES. One thing I’ve noticed, it can upload file faster than normal file uploading method. Cos, the file is encoded first via the flash uploader and somehow it is faster than normal.

Upload Multiple File Once

And the great advantage is you can select multiple files during browsing by pressing Ctlr + A or select your files by dragging mouse. By using html <input type=”file” /> you can only select one file at a time which is really so boaring and life-taking when you want to upload hundreds of images.

Flickr YUI Uploader

Here is the online demo. The files are not being saved on my server for my own security!

Download it here completely free in a single zip file!

Modify the index_files/config.js file line no 49,
var _site_root = ‘your script location’;
It won’t work for you until you change _site_root

I have no problem if you use it for your own use. But I do not actually want anyone to put the files/zip on their own site to drive the traffics away from our blog.

If you need any support for modifying or setting it up or any bug report please contact me directly at adnan.eee@gmail.com

Thanks
Have a pain-less uploading experience!

Jason Keen 1 December 2008 at 7:00 pm #

Great job man. I’ve been looking for “Flickr Uploader” clone for a long time. I was ready to pay for it. But you are giving this script free!

Thanks Man, thanks a lot.
adrien 10 February 2009 at 7:17 pm #

Awesome !
Nuan 23 March 2009 at 5:27 am #

So great. thanks.
Jayaseelan 2 April 2009 at 12:50 pm #

Thank you very much friend. I am going to use it I will touch with u if I will get any problem.
Ocho scripts de carga de archivos | Christian Soronellas

[...] Uploader Clone NombreFlickr Uploader CloneLibreria JavascriptYUI (Yahoo User Interface)Enlacehttp://abcoder.com/javascript/flickr-uploader-clone-free-download-with-source-code/SHARETHIS.addEntry({ title: “Ocho scripts de carga de archivos”, url: [...]
Villano 30 May 2009 at 7:06 pm #

Brilliant script.
Thanks for uploading sourcecode
adnan 30 May 2009 at 11:38 pm #

Thanks a lot @Villano & @Jayaseelan.
90cut.com

Flickr Uploader Clone: Free Download with source code…

You can get the exact Flickr Uploader clone script here: http://abcoder.com/javascript/flickr-uploader-clone-free-download-with-source-code/

It’s totally free. You can see a demo and use it for commercial purposes too. All the files are in a single …
AndrewBoldman 5 June 2009 at 9:29 am #

The article on antibiotics are very good.
Muhammadwaqas 29 June 2009 at 11:20 pm #

Thanks dude. I have been searching since morning. Finally i got this.. thanks. We respect your contribution
adnan 29 June 2009 at 11:33 pm #

Thank you Waqas.
Adrián 22 July 2009 at 2:39 am #

Great job. I love it. I have a question though.

How can I use the TITLE and TAGS values to save them to a database? (It seems they are not used anywhere).
Can this be done in upload.php right after “move_uploaded_file”?
What I need to do is generate a database record for each uploaded file.
Thanks a lot.
adnan 22 July 2009 at 12:52 pm #

@Adrian, good question. Title and Tags are posted as “ftitle” and “ftags” to the upload.php file. So you can easily save it to database as $_POST['ftitle'] and $_POST['ftags'].
Lubo 9 August 2009 at 2:33 am #

Hello, great job, it seems to be very hard to find working multiple upload script, i tried swfupload but it is very tough to configure and other need php 5.2 etc. Gmail has very good system.

Do you have some documentation for this script, or some explanation for config.js and upload.js?

thanks
Lubo 9 August 2009 at 2:45 am #

…i have one question…how it works with videos? like youtube? seems to be watch_videos.php missing
thanks

i tried it on my cms and it works great
Adrian 11 August 2009 at 1:27 pm #

beautiful script
Can you post also the version without TITLE and TAGS fields?

Thanks
deni 21 August 2009 at 10:09 am #

Terimas kasih atas ilmunya …
Adrian 2 October 2009 at 12:31 pm #

some news about the version without TITLE and TAGS fields?
Thx
Paul Prewitt 11 November 2009 at 4:10 am #

Any way to remove the Title & Tags as required fields? Thanks a bunch very cool script.
Paul Prewitt 11 November 2009 at 4:53 am #

So I got rid of the Title & Tags options. Just a couple of code edits and boom you’ve got it!

1) On the index_files\upload.js comment out the entire For loop in the // validation for titles section.

2) On the index.php file add visibility:hidden; to the Title & Tags (both text & input) sections.

Upload the new files and Boom you’re done.

Hope that helps out.
adnan 14 November 2009 at 8:27 am #

Thank you @Paul for sorting that out.
adnan 15 November 2009 at 3:44 am #

I’m gonna write this in jQuery soon. :)
Time Johnson 21 December 2009 at 5:11 pm #

Somehow it takes 1min to upload a 1.1kb size image. I don’t know why. here is the link:
hhttp://www.ultimatewebnet.com/p/
Then it comes up with an error “Bonk! None of your files made it.”.
I tried it on this server and it goes to 99% and stalls for 2 mins!
Anyone got a solution for this?
But a great script!
adnan 21 December 2009 at 6:48 pm #

@Time Johnson, I just tested it and it worked great!
Time Johnson 21 December 2009 at 6:55 pm #

Oops sorry my mistake didn’t edit the config.php page fully.
I was wondering how you would upload to a database. If im right would you edit the upload.hp file?
adnan 21 December 2009 at 7:09 pm #

yes, that’s upload.php file.
Juggernaut 6 January 2010 at 10:22 pm #

that’s awesome, did you actually had time for the jQuery version yet?
Thanks a lot!
adnan 8 January 2010 at 4:28 am #

Yes I’m gonna post it very soon.. Thanks for your interest :)
David Blanchet 13 February 2010 at 11:34 am #

any way to send additional info to the upload.php file, im not sure how the info is being sent this is what i have in the upload.php file, but for some reason $folder is empty and i have added an input on the index.php page with corresponding values

$dir = $_SERVER['DOCUMENT_ROOT'] . “/thecompany/multiup/” . $folder;

if(isset($_FILES)){
MakeDirectory($dir);
chmod($dir , 0755);

foreach ($_FILES as $fieldName => $file) {
move_uploaded_file($file['tmp_name'], $dir . “/” . $file['name']);
}
}
Mena 12 March 2010 at 8:15 pm #

Thank you for posting that amazing code
but i have a problem here!!
I modified my var _site_root as mentioned to be C:\Program Files\EasyPHP 2.0b1\www\upload test\Flickr-YUI\YUI
is that true?
it is not working for me should i modify any thing else
thanks
adnan 12 March 2010 at 9:36 pm #

@Mena, thank you for your interest.
The _site_root should the http url of your site, not the path to your hard-disk file. Also you need to run it under xampp or on a web server. Flash file upload doesn’t work on local browsing due to security issue.

Thanks
Adnan
Iggy 21 April 2010 at 9:35 am #

How can I make it automatically upload the file after a user finished selecting the file(s) to upload?
souravkly@gmail.com 3 June 2010 at 11:32 pm #

Good work man. I have tested the code.Its working. Anybody plz help. If i want to resize the uploaded image with specific width what i should do? What is the name of the form and the name of input file type?

Glad to hear some suggestions.

Thanks

Sourav
ABM Adnan 5 June 2010 at 1:37 am #

The easiest method for you is to use phpThumb. Search on google for “phpThumb” and u’ll get it.