Drag and drop image & upload plugin for tinymce

Question

I'm looking for a tinymce plugin or an external jquery solution easy to integrate into tinymce that allows drag and drop image uploading and insertion in a tinymce textarea, either directly dropping the image in the textarea itself or in a defined "drop zone", something similar to the new media upload button in Wordpress or, even better, without showing any dialog.

I don't want extra functions like a gallery browser or image repository management, already tried several plugins that do that and the customer finds it too tedious and complicated, he just wants do drop the image and forget about it, as he's not going to use that image ever again.

Answer 1

What browsers do you need to support?

Have you tried just dragging and dropping an image into a TinyMCE text area? It will encode the image in base64 and use that encoding as the value for the src attribute of the image tag. Since the customer is "not going to use that image ever again" that might be a temporary solution, especially if the images are very small like logos and the like.

Alternatively, many people have success with https://github.com/valums/file-uploader for drag and drop upload functionality, but I'm not sure how you would integrate it with TinyMCE.