Available in the OSS Version

HTML Editor > Insert images with HTML Drag and Drop API


This sample is designed for a larger screen size.


On mobile, try rotating your screen, view full size, or email to another device.

The sample demonstrates how to insert image files from your desktop (or any other file directory) into the HTML editor by using igUpload widget. HTML Editor widget could be easily used with HTML Drag and Drop API and File API specification in order to easily represent file object in the web application or the widget itself, as well programmatically selct them and access their data.
In HTML5, drag and drop is part of the standard, and any element could be draggable, event external files from the desktop.
Note: You can upload only images with a size smaller than 1 MB.

Code View

Copy to Clipboard