Question: Is there a way to pass uploaded files to the cropper component?

[jaredmeakin]

So, I have an <input /> that I'm trying to upload a photo to. I want to pass that file to the <cropper /> component, but that doesn't seem to work. Is there a way to accomplish what I'm trying to do?

<app-input
  v-model="photo"
  class="mb-5"
  name="photo"
  type="file"
  accept="image/png, image/jpeg"
  placeholder="Upload a photo"
  @change="onPhotoUpload"
/>
<cropper class="cropper" :src="photo" :stencil-props="{ aspectRatio: 10 / 12 }" />

const photo = ref();

function onPhotoUpload(e) {
  photo.value = e.target.value;
}

[Norserium]

@jaredmeakin, did you try the approach from the "load image from a disc" guide?

[jaredmeakin]

Thanks that should work!