© Copyright 2012 ABCoder | 
Ajax
Flickr Uploader Clone: Free Download with source code
On 30, Nov 2008 | 44 Comments | In Ajax, Core JavaScript, JavaScript, MySQL, PHP, SEO | By abcoder
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.
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.
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!
-
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.
-
Awesome !
-
So great. thanks.
-
Thank you very much friend. I am going to use it I will touch with u if I will get any problem.
-
Brilliant script.
Thanks for uploading sourcecode -
The article on antibiotics are very good.
-
Thanks dude. I have been searching since morning. Finally i got this.. thanks. We respect your contribution
-
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. -
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
-
…i have one question…how it works with videos? like youtube? seems to be watch_videos.php missing
thanksi tried it on my cms and it works great
-
beautiful script
Can you post also the version without TITLE and TAGS fields?Thanks
-
Terimas kasih atas ilmunya …
-
some news about the version without TITLE and TAGS fields?
Thx -
Any way to remove the Title & Tags as required fields? Thanks a bunch very cool script.
-
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.
-
Thank you @Paul for sorting that out.
-
I’m gonna write this in jQuery soon.
-
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! -
@Time Johnson, I just tested it and it worked great!
-
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? -
yes, that’s upload.php file.
-
that’s awesome, did you actually had time for the jQuery version yet?
Thanks a lot!-
Yes I’m gonna post it very soon.. Thanks for your interest
-
-
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']);
}
} -
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 -
How can I make it automatically upload the file after a user finished selecting the file(s) to upload?
-
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
-
The easiest method for you is to use phpThumb. Search on google for “phpThumb” and u’ll get it.
-
Hey Adnan, thanks for your job! When should we wait for jQuery version of the uploader?
Thanks again! =)
-
Lol…all demos were hacked.
-
I downloaded the zip. Look what I found!
There are 12 separate .js files and 6 css files.Why so many js and css files?
Total js file size almost half megabytes.Ideal design should have just one js and one css for the uploader. That optimizes the requests for these resources.
This is just stupid.
-
-
i have do as you said ,,but when i upload the picture to the service, and click watch the video,and it doesnt work – the watchvideo.php is missing ..can you sent watchvideo.php to me :
-
Hello, may i know how to set up/configure the setting at “config.js” so that i can connect with my flickr account? And what are the meaning for those variables??..please help me urgently
-
Your example page has been hacked (incase you hadnt noticed already)
-
how to use this script in mysql database
-
can i get this in asp.net
-
Hello Mr.Adnan, i am using your flickr uploader it works fine for small video but when i try to upload bigger files then it pops the message saying video uploaded successfully but when i check the folder the video is not being uploaded please help me solve this problem.
Submit a Comment
Comments