Uppy plugin that generates data to create the “blur up” technique popularized by Medium and Facebook where a small 20px wide version of the image is shown as a placeholder until the actual image is downloaded.
The relevant data is added to the file's metadata.
It is currently maintained by Arthur Puyou with support from Fotokorner.
$ npm install uppy-blur-up --save
const Uppy = ;const BlurUp = ;const uppy = ;uppy;uppy;
To display the image, I recommend the react-simple-image component with the following props :
src: path to full size image
height: dimensions of original image from generated metadata (
applyAspectRatio: this will enforce the original aspect ratio on the thumbnail
placeholder: URL to placeholder from generated metadata (