E-commerce Product Upload

var primaryImage = null;
var uploader = new MultipleUpload(el, {
 uploadUrl: '/api/upload',
 accept: 'image/*',
 maxFiles: 8,
 onFileAdded: function(task) {
 addProductImage(task);
 if (!primaryImage) setPrimary(task.id);
 }
});

Product images have rules

A store front usually needs a minimum resolution, a consistent aspect ratio, and a cap on how many images a listing can carry. All three are checkable in the browser, which means the seller finds out while they are still choosing files.

Reject early, and say what is wanted

“Images must be at least 1000 px wide” shown next to the upload area prevents the problem; the same message after a failed upload only explains it. For a seller listing twenty products, that difference is the whole experience.