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 }
);

链接: http://www.fly63.com/nav/2301