Гайды по JavaScript | Программирование: “JavaScript Load Image – библиотека для загрузки, масштабирования, кадр…”

JavaScript Load Image – библиотека для загрузки, масштабирования, кадрирования и поворота изображений (File, Blob или URL). Парсит метаданные IPTC и Exif.

Установка: npm install blueimp-load-image

Подключение:
<script src="js/load-image.all.min.js"></script>
(или по частям: scale, meta, exif, iptc и др.)

Базовое использование (callback):

loadImage(
  fileInput.files[0],
  function (img) {
    document.body.appendChild(img);
  },
  { maxWidth: 600 }
);

С Promise:

loadImage(file, { maxWidth: 600 })
  .then(data => document.body.appendChild(data.image))
  .catch(err => console.log(err));

Метаданные:

loadImage(file, callback, { meta: true });
// data.exif, data.iptc, data.imageHead

Опции: maxWidth, maxHeight, minWidth, minHeight, crop, cover, aspectRatio, orientation, canvas, pixelRatio и др.

Поддержка браузеров: Chrome 32+, Firefox 29+, Safari 8+, Edge 12+, IE10+ (с полифиллами).

Лицензия: MIT.