Base64 Drag and Drop

Drag and drop files in Firefox and Chrome to convert them to base64 strings.

If dropping images, right click on the thumbnail for the data URI.

Features (or, "What makes this so cool?")



  1. Open index.html in your browser. Firefox doesn't even need it to be on a server (Chrome can only get the file info, but can't read the file to convert to base64, so either copy to your local web server or use the online version).
  2. Drag files from your file manager into the drop zone.
  3. ???
  4. Profit!
Fork me on GitHub