How to Add a Smooth jQuery Public File Uploader to WordPress

June 16, 2010  | 
6 Comments

Though the WordPress dashboard is incredibly user-friendly, there are still times when sites may need a public front-end file upload option. Most site owners prefer to keep users out of the dashboard altogether and keep all of the magic happening behind the scenes. The other day I had a Twitter chat with @thecorkboard about what tools are available for easily adding a WordPress public file uploader. Believe it or not, there aren’t a lot of flexible options available in plugin form. However, there are a couple tools that, when combined, can create a comprehensive solution.

Uploadify Plugin:

Uploadify simply adds a shortcode that uses the jQuery Uploadify plugin. The shortcode accepts many of the attributes that Uploadify supports, such as folder path, auto upload, multi upload, permitted files extensions and many more. Check out all the options on the plugin’s installation page.

View the Demo at Uploadify.com

Please note that the files will be sent to the default WordPress uploads folder unless you specify a custom path within the shortcode. You will need to use the full path to the root of your site. Here’s an example but it will depend on your host’s files structure:

[uploadify folder='/home/cpanelusername/public_html/yoursite.com/photofolder' multi='true' auto='true']

You will also need to make sure that your custom folder has write permissions (777 or 755).

Uploadify + NextGEN Gallery

The Uploadify plugin is a great place to start if you need to add a public upload option to your site or to a plugin that you’re writing. However, let’s say the uploads coming to you are images for a group gallery or news blog and you want to easily group them together for gallery display. Here’s how you can use the Uploadify plugin together with the NextGEN Gallery plugin to create a suitable solution:

Step 1: Download and install the NextGEN Gallery plugin.
Step 2: Download and install the Uploadify plugin.
Step 3: Use the shortcode to set Uploadify to use a NextGen gallery folder.
Step 4: Sync that folder with the public images using the “Scan Folder for new images” option when editing the NextGEN gallery.

NextGEN Gallery is a well-known WordPress gallery plugin that also has a public file upload option in a companion plugin. However, it doesn’t function as smoothly as Uploadify, nor does it allow for multiple files uploads at the same time. Many thanks to Kyle Jones for alerting me to this handy solution for combining the two.

If you know of another option for public files uploads that is simple to implement, let us know and we’ll pass on the tip!

Featured Plugin - Start Your Own Powerful Membership Site

If you're thinking about starting a paid, or just private, membership site then this is truly the plugin you've been looking for. Easy to use, massively configurable and ready to go out of the box!
Find out more

Featured Plugin - Open an Online Store with MarketPress

Out of all the WordPress ecommerce plugins available, this has got to be the winner - easy to configure, powerful functionality, multiple gateways and more. A simply brilliant plugin!
Find out more

Featured Plugin - Turn any WordPress page into a fully featured wiki!

To get a wiki up and running you used to need to install Mediawiki and toil away for days configuring it... not any more! This plugin gives you *all* the functionality you want from a wiki, in WordPress!!!
Find out more

Featured Plugin - Add bottom corner (or anywhere else) chat to your site

No javascript required, no third part chat engine, just fully featured chat right in your own database on your own WP sites - couldn't be easier.
Find out more

Featured Plugin - Every great SEO tweak you need, in one snazzy bundle

Fully integrated with the SEOMoz API, complete with automatic links, sitemaps and SEO optimization of your WordPress setup - this is the only plugin you need to help you rank your site number 1 on Google - nothing else compares.
Find out more

Featured Plugin - Start your own Quora / StackOverflow / Yahoo Q&A site

It's now incredibly easy to start your own Q&A site using nothing more than WordPress - The Q&A plugin simply and brilliantly transforms any site, or page, into a perfect support or Q&A environment.
Find out more

Featured Plugin - Send beautiful html email newsletters, from WordPress!

Now there's no need to pay for a third party service to sign up, manage and send beautiful email newsletters to your subscriber base - this plugin has got the lot.
Find out more

Featured Plugin - Easily integrate your WordPress site with Facebook

Would you like to add Facebook comments, registration, 'Like' buttons and autoposting to your WP site? Well, The Ultimate Facebook plugin has got that all covered!
Find out more

Featured Plugin - WordPress + Google Maps = Perfect

Simply insert google maps into posts, sidebars and pages - show directions, streetview, provide image overlays and do it all from a simple button and comprehensive widget.
Find out more

6 Responses to How to Add a Smooth jQuery Public File Uploader to WordPress

  1. Nice write up, Sarah!

    I hope some other folks chime in with their public uploading hacks/plugins.

    ~Kyle~
    @thecorkboard

  2. Pingback: How To Export To China -Exports To China – Import To China | Copy ... Out

  3. Awesome! Going to give this a test, needed a better uploader for WP last week. So far I am at 58% on a 100MB+ file.

  4. The uploadify plugin for wordpress no longer exists. http://wordpress.org/extend/plugins/uploadify is no longer a valid link.

Click on a tab to select how you'd like to leave your comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting