iljaGolubev

Если предположить, что на самом деле Изображения хранятся на клиентской серверной стороне (Vue) (Laravel)., то становится более-менее понятно.

Обычный подход такой:
backend - (api) Laravel - методы для получения и сохранения данных.
frontend - (vue) Nuxt - отображение данных api и взаимодействие с api.

• Пользователь в браузере выбирает картинку для загрузки на сервер(средствами js её можно показать на странице до отправки (например)).
  
• Пользователь жмёт кнопку "сохранить" и frontend отправляет картинку в api (например)
  
• api сохраняет полученный файл
  
• api делает из сохранённого превью (например)
  
• api возвращает в браузер

  json {'img'=>full_image_url, 'tumb'=>tumb_image_url}

  
  
• frontend показывает

  <img src=tumb_image_url @click=showImage(full_image_url)>

  
  

---

Вариантов вывода несколько

Обычно это реализуется с помощью css. Но можно генерировать несколько разных превью на сервере.

"resizeImageGet", которая при первом вызове сжимает и обрезает изображение

Можно и так сделать. Тогда в api будет 2 метода uploadUmage - просто сохраняет файл, и resizeImageGet - проверяет что есть превью, создаёт его если нет и отдаёт контент (картинку). Но тогда это уже не чисто api.

const response = await fetch('ссылка/api/user', {credentials: 'include'})

Если вопрос "Как рендерить постранично", то инструмент - сам vuejs. Техника Infinite Scroll, или что-то готовое типа vue-infinite-loading.

Если же речь о том "как рендерить microsoft word в виде канваса", то сомневаюсь, что кто-то поделится решением.