| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Image Preview</title> | |
| <link rel="stylesheet" href="index.css"> | |
| </head> | |
| <body> | |
| <h1>Image Preview</h1> | |
| <!-- Controls --> | |
| <div class="flex"> | |
| <button id="clear">Clear</button> | |
| <input id="image-picker" type="file" multiple webkitdirectory accept="image/png, image/svg+xml"> | |
| </div> | |
| <div class="flex"> | |
| <textarea id="image-input"></textarea> | |
| </div> | |
| <div class="flex"> | |
| Size: | |
| <input id="image-size-slider" type="range" min="0" max="1024"> | |
| <input id="image-size-input" type="number" min="0"> | |
| </div> | |
| <!-- Output --> | |
| <div id="preview"></div> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |