Dragging and dropping images from Firefox into Microsoft Powerpoint

Question

I am trying to make a web page which allows users to drag and drop images into Microsoft Office applications, specifically Powerpoint.

By default (as of FF3.5), Firefox will insert the source URL when an image is dropped rather than the image itself. After adding the following Javascript/jQuery code (derived from https://developer.mozilla.org/En/DragDrop/Drag_Operations),

$('img').attr('draggable', true).bind('dragstart', function (event) {
    event.originalEvent.dataTransfer.effectAllowed = 'copy';
});

dragging and dropping works from Firefox to Word and Excel, but not to PowerPoint. For an example of what happens, see http://slides.html5rocks.com/#drag-and-drop. I have tested this with FF3.6 and FF9.

How can I make it work with PowerPoint?

Answer 1

Just drag'n'drop outside the boundaries of the ppt slide (to make sure you're not dropping on a predefined textbox) - and release the mouse button -no coding needed!

Firefox drag will drop the image at the center of te ppt slide.