E-Commerce Product Images
Upload product images with drag-to-reorder, crop, and multiple image support for e-commerce listings.
What you should see: up to 8 product images with thumbnails, drag-to-reorder for choosing the hero shot, and a 10 MB cap. Reordering changes the order they are submitted in.
Upload up to 8 images. The first image will be the main product photo.
Drag & drop files here, or paste from clipboard
<core-upload asp-upload-url="/api/upload/upload"
asp-multiple="true"
asp-max-files="8"
asp-extensions=".jpg,.jpeg,.png,.webp"
asp-max-size="10MB"
asp-thumbnails="true"
asp-auto-upload="true"
asp-progress="true"
asp-drop-zone="true"
asp-sortable="true"
asp-button-text="Add Product Images">
</core-upload>Product images have rules
A storefront usually needs a minimum resolution, a consistent shape, and a cap on how many images a listing carries. All three are checkable in the browser, so the seller finds out while they are still choosing files.
State the requirement before they hit it
“Images must be at least 1000 px wide” next to the upload area prevents the problem; the same sentence after a failed upload only explains it. For someone listing twenty products, that difference is the whole experience.