Cropping images with Vue.js and Cropper.js

It includes an interactive demo :slight_smile:

So, what’s involved in writing something like this Avatar cropper component?

  • Manipulate a user selected local file —no upload required
  • A technique to auto preview the result of your crop box
  • Put the result into a FormData object that you can use with —say— Axios to make a POST request to upload the file to and API endpoint somewhere. Just like you’d do with a simple HTML form using an <input type="file"> .