Загрузка изображения после изменения размера клиента: cloudinary

Я могу изменить размер изображения (на стороне клиента), используя этот аккуратная библиотека.
Я также могу загружать изображения непосредственно из браузера в Cloudinary, используя этот код:

<?php echo cl_image_upload_tag('image_id', array("callback" => $cors_location)); ?>

Это в основном создает поле ввода (type = file), и когда вы нажимаете «browse» и выбираете файл, загрузка начинается автоматически.

Мой вопрос: как заставить эти две вещи работать вместе? Мне нужно было использовать обрезанное изображение для загрузки в Cloudinary, но я не знаю, с чего начать … Я пытался имитировать «просмотр» с помощью jQuery, но это не сработало …

Любая помощь высоко ценится!