excess-image-upload
Utility elements for image uploads.
status
File pickers, image preview, and exif parsing implemented. Upload is left as an exercise for the reader.
design
image upload consists of 3 steps:
-
file pickers:
- drag'n'drop mixin
- file picker button
-
display files and metadata
- parse metadata on worker thread
- display image from thumbnail, or scaled original image
- rotate images
- optional: throttle thumbnail creation to prevent memory overflow
-
upload file
- ajax calls over the network
bugs
image-upload-icon: fit is wrong on IE, does not support object-fit tag