Rotate ±90°, flip H/V, and interactively crop with 8 drag handles (corners + edges). Optional aspect-ratio lock, touch + mouse unified via pointer events, Esc to exit crop mode. Each edit is destructive: rotate → crop yields the crop of the rotated image, not the original.
Edits happen entirely in the browser — the original file never leaves the page until you explicitly upload.
Try it: pick an image, click Crop in the editor toolbar, drag the rectangle or any of its 8 handles, then click ✓ Apply Crop. Save to add the edited file to the upload queue.
JavaScript API
// Opens the editor modal. Resolves with an edited File; rejects on cancel.
uploader.openImageEditor(file, {
aspectRatio: 16 / 9, // omit for free-form
outputType: 'image/jpeg',
quality: 0.9
}).then(function (edited) {
uploader.addFile(edited);
});
Keyboard shortcuts
- Esc — exit crop mode, or cancel the whole editor
- Drag corner handle — resize on two axes (
nw / ne / sw / se)
- Drag edge handle — resize on one axis (
n / s / w / e)
- Drag inside the box — move the crop rectangle
Combine with the image pipeline
Editor output is a plain File — feed it through imageResize, imageCompress, or watermark options for a full client-side pipeline before upload.