Chat Upload

Chat-style message interface with file attachment support. Attach files to messages before sending.

Chat

Welcome! You can send messages with file attachments.

var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 attachmentMode: true,
 autoUpload: true,
 onQueueAdd: function(task) {
 showAttachmentChip(task);
 },
 onTaskComplete: function(task) {
 pendingAttachments.push(task.name);
 }
});

sendBtn.addEventListener('click', function() {
 sendMessage(input.value, pendingAttachments);
});