如何使用fengyuanchen cropper多个图像

Question

我正在使用fengyuanchen cropper库创建图像裁剪器它也可以工作，但我想将它用于多个图像，如下面的屏幕截图但是我很难重新初始化这个plugin因为它只支持一个avata图像。

Answer 1

CropperJs支持该功能。 你可以在这样的javascript中完成：

     <script>
    window.addEventListener('DOMContentLoaded', function () {
      var images = document.querySelectorAll('img');
      var length = images.length;
      var croppers = [];
      var i;
      for (i = 0; i < length; i++) {
        croppers.push(new Cropper(images[i]));
      }
    });
  </script>

此代码段可以在官方Github存储库中找到 https://github.com/fengyuanchen/cropperjs/blob/35c6ce5bc345317c1acfb39e1ceab8af6dee1247/examples/multiple-croppers.html