Email Attachments

var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 attachmentMode: true,
 autoUpload: true,
 onFileAdded: function(task) {
 addAttachmentChip(task);
 }
});

attachBtn.addEventListener('click', function() {
 uploader.openFileDialog();
});

The compose-window pattern

attachmentMode renders the queue as a compact row of chips instead of a stacked list, which is the layout every mail client uses. With autoUpload the files transfer while the user is still typing, so pressing send submits references rather than waiting on bytes.

Uploading early changes what send means

The upside is that sending is instant however large the attachments are. The cost is that files reach the server before the user commits, so a draft they abandon leaves orphans. Upload to a staging area, associate on send, and sweep what was never claimed — a scheduled cleanup of unassociated uploads is the part people forget until storage fills up.