Instructions
- Select a single file from your computer using the file input below
- The data URI will appear as a text output in the “Output” section
If you’re seeing this, it means that JavaScript failed to load or you otherwise have JavaScript disabled.
While I respect this, you gotta know that this entire tool only works with JavaScript.
Like, it doesn’t call out to my server at all (see the source of dataurigen.js).
So, rather than display a form that won’t work and could frustrate you, this is displayed instead.
Input
Output
To-dos
(For me)
- Make it easy to directly download a data URI without outputting it as text, especially if files are large.
- Add a button to copy the data URI (although it’s pretty easy right now to select everything using the “
user-select: all
” CSS setting). - Add a drag-and-drop zone.