裁剪后的图片仍会上传原始尺寸

Question

.image-previewer {
  height: 300px;
  width: 300px;
  display: flex;
  border-radius: 10px;
  border: 1px solid lightgrey;
  margin-bottom: 20px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/BossBele/cropzee@latest/dist/cropzee.min.js"></script>


<label for="my-unique-id" class="image-previewer" data-cropzee="my-unique-id"></label>
<input name="photo" required class="form-control" type="file" accept="image/*" id="my-unique-id">

cropzeeGetImage(input)

我有类似上面的代码片段，但是保存到数据库中之后，照片仍然包含原始大小（意味着它仍然上传原始图像），而不是裁剪后的大小？知道如何上传裁剪后的尺寸。

在文档github link中，它说如果我使用const iterable = [10, 20, 30]; for (let value of iterable) { value += 1; console.log(value); } // 11 // 21 // 31 可以获取裁剪的数据，并且它提供了另一个按钮来触发事件，但是我不希望另一个按钮来显示和触发事件

调整大小后如何触发事件？