Daily Tip: Add Drag and Drop Image Uploading to WordPress

September 17, 2011  | 
10 Comments

Here’s a tip that applies to WordPress users across the board – from casual bloggers to power publishers with dozens of posts per day. The Magn WP Drag and Drop Upload gives you the ability to automagically upload your images to WordPress posts, using HTML5 and an drag and drop upload script. It’s based on the Ajax Upload plugin developed by Valums.

Check out the drag and drop upload in action:

After an image has been uploaded a bottom meta box displays the uploaded images and some basic options to decide what to do once you’ve dropped the file in the green area:

Please note that this plugin will only work on modern web browsers, as it takes advantage of HTML5 Drag and Drop support. Right now it only works for WordPress posts, but a wishlist of additional features is currently in development, including changing file names on the fly, SEO features and integration with CDN plugins.

This is an excellent addition for any WordPress blogger looking to save a little time in the dashboard every day. Download Magn WP Drag and Drop Upload for free from the WordPress plugin repository.

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 - 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 - 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 - Host sites, get paid, just like WordPress.com

If you've ever wondered how you could offer a paid site management and hosting service, then this is the plugin for you. Offer a freemium or paid service, for any niche you like, it's powered Edublogs.org to success already!
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 - 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 - 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 - 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

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

10 Responses to Daily Tip: Add Drag and Drop Image Uploading to WordPress

  1. That is pretty great, the regular way takes a ton of steps (open Media Uploader, press Upload, find the folder, etc)…

    • It doesn’t specify. Give it a try and let us know! :)

      • Looks like this doesn’t work on a networked set of sites.

        I tried on a network by doing network activation and also activating in a single domain. While the drag and drop appeared to work, the post was never published. Once deactivated then the post could publish.

        Maybe someone else can confirm.

      • Hi Sarah, i love your plugin.

        I get the following error, under my DRAG and DROP option in my post. Could you help? I followed your You tube vid, but still the same.

        Fatal error: Call to undefined function dndmedia_edit_form_advanced_ui() in C:\wamp\www\kyocera\wp-content\plugins\dndupload\dndupload.php on line 92
        Call Stack
        # Time Memory Function Location
        1 0.0413 692808 {main}( ) ..\post-new.php:0
        2 0.3583 31270760 include( ‘C:\wamp\www\kyocera\wp-admin\edit-form-advanced.php’ ) ..\post-new.php:41
        3 0.4412 31879080 do_action( ) ..\edit-form-advanced.php:296
        4 0.4412 31880672 call_user_func_array ( ) ..\plugin.php:405
        5 0.4412 31880704 dndmedia_edit_form_advanced( ) ..\plugin.php:0

  2. Thanks for the great tip – I’m in the process of diving deeper into WordPress. Do you have a good book or course you can recommend for learning about customizing WP appearance with custom CSS or just learning more of the technicalities of WP?

  3. At the last San Francisco WordCamp, Matt talked about this feature which should be included in version 3.3.

  4. Pingback: Magn WP Drag and Drop Upload – Bilder per Drag & Drop in WordPress Posts einfügen | Cocas Blog

  5. Coming soon to a core WordPress near you. :)

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