Image Metadata

Display image metadata including dimensions, file type, and size immediately when files are selected.

Drag & drop images here

var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 accept: 'image/*',
 onQueueAdd: function(task) {
 var img = new Image();
 img.onload = function() {
 displayMeta({
 name: task.name,
 type: task.file.type,
 size: task.file.size,
 width: img.width,
 height: img.height,
 aspectRatio: (img.width / img.height).toFixed(2)
 });
 };
 img.src = URL.createObjectURL(task.file);
 }
});