All Events

Monitor every event fired by the uploader. The log below captures onSelect, onProgress, onComplete, onError, onTaskComplete, and onTaskError events in real time.

What you should see: a running log of every event the component raises, in order. Only .jpg is accepted and the cap is 10 MB — drop a .png or an oversized file to watch the rejection events fire too.

Event Log

var uploader = CoreUpload.create('#events-uploader', {
 uploadUrl: '/api/upload/upload',
 multiple: true,
 autoUpload: true,
 maxFileSize: '10MB',
 allowedExtensions: '.jpg,.png,.gif,.pdf,.doc,.zip',
 onFileAdded: function(file) {
 log('onSelect', file.name + ' (' + file.size + ' bytes)');
 },
 onTaskProgress: function(file, percent) {
 log('onProgress', file.name + ' ' + Math.round(percent) + '%');
 },
 onTaskComplete: function(file, response) {
 log('onComplete', file.name);
 },
 onTaskError: function(file, error) {
 log('onError', file.name + ': ' + error);
 },
 onTaskComplete: function(task, result) {
 log('onTaskComplete', task.name + ' done');
 },
 onTaskError: function(task, error) {
 log('onTaskError', task.name + ': ' + error);
 }
});