block by nitaku b5546ec9f9da237d2c3d

HTML5 File API - DnD PNG thumbnail

Full Screen

This example uses the HTML5 File API (tutorial) to let users load an image file client-side with drag and drop. The image file is just shown in the web page, it is not sent to the server.

Just drag a PNG onto the target area to create a bl.ocks.org-style thumbnail.

index.html

index.css