Crop an image based on cropping coordinates

You can also crop your images based on a set of coordinates. This is nice if you want to have your user upload an image, then show that image on a crop page and have her specify the cropping area. » See full documentation

The template
Javascript code

"steps": {
  "cropped_thumb": {
    "robot": "/image/resize",
    "crop": {
      "x1": 30,
      "y1": 30,
      "x2": 120,
      "y2": 90
    },
    "resize_strategy": "crop"
  }
}

$(function() {
  $('form').transloadit({
    wait: true,
    autoSubmit: true
  });
});

The form

For demos we allow a maximum of 30MB.

This form is html5-multiupload enabled. If your browser supports it, you can select multiple files and execute the template with them.