Package Home / Image Pipeline Demo

Image Pipeline Demo

Resize, compress, auto-orient, watermark, and hash images before they hit your backend.

What you should see: dropped images get an instant thumbnail, are auto-oriented and resized in the browser, and upload the processed (smaller) file.

Drop images to process and upload

Pipeline output

new MultipleUpload('#demo-image-pipeline', {
    uploadUrl: '/api/upload',
    accept: 'image/*',
    imageResize: { maxWidth: 1280, maxHeight: 1280, quality: 0.86 },
    imageCompress: { quality: 0.82, outputType: 'image/jpeg' },
    autoOrient: true,
    watermark: { text: 'MultipleUpload', fontSize: 28, position: 'bottom-right' },
    computeHash: true,
    hashAlgorithm: 'sha256'
});