Custom Transform Pipeline

(function() {
 var logEl = document.getElementById('log');
 function log(m) { var d = document.createElement('div'); d.className='pkg-log-entry'; d.textContent=m; logEl.appendChild(d); logEl.scrollTop=logEl.scrollHeight; }
 new MultipleUpload('#demo', {
 uploadUrl: '/api/upload',
 multiple: true,
 accept: 'image/*',
 showThumbnails: true,
 transformPipeline: [
 function(file) {
 log('Step 1: Fixing orientation...');
 return MultipleUpload.fixOrientation(file);
 },
 function(file) {
 log('Step 2: Resizing to 1024px...');
 return MultipleUpload.resizeImage(file, 1024, 1024, 0.9);
 },
 function(file) {
 log('Step 3: Adding watermark...');
 return MultipleUpload.addWatermark(file, 'Demo', { fontSize: 24, position: 'bottom-right', color: 'rgba(255,255,255,0.5)' });
 }
 ]
 });
})();