JavaScript Load Image是一个用于加载以File或Blob对象提供的图像或通过URL加载的库。它返回一个可选的缩放和/或裁剪的html img或canvas元素。它还提供了解析图像元数据以提取IPTC和Exif标记以及嵌入的缩略图图像以及在调整大小后恢复完整图像标题的方法。

图像加载

在您的应用程序代码中，使用loadImage（）函数，如下所示：

document.getElementById("file-input").onchange = function(e) {
  loadImage(
    e.target.files[0],
    function(img) {
      document.body.appendChild(img);
    },
    { maxWidth: 600 } // Options
  );
};

图像缩放

也可以将图像缩放功能与现有图像一起使用：

var scaledImage = loadImage.scale(
  img, // img or canvas element
  { maxWidth: 600 }
);

链接: https://fly63.com/nav/2301