$(document).ready(function(){
$("#my-unique-id").cropzee({startSize: [40, 40, '%'],});
});
.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">
У меня есть код, подобный приведенному выше фрагменту кода, но после сохранения в базе данных фотография по-прежнему содержит исходный размер (означает, что она по-прежнему загружает исходное изображение)не обрезанный размер? Любая идея, как загрузить обрезанный размер.
В документе github link он говорит, что если я использую cropzeeGetImage(input)
, я могу получить обрезанные данные, и он дает другую кнопку для запуска события,но я не хочу, чтобы другая кнопка отображала и вызывала событие
Как вызвать событие после изменения размера?