使用filepicker创建多个图像以创建缩略图并存储原始图像

Question

我正在使用filepicker.js库存储我的图片。用户可以使用filepicker.pickMultiple()功能上传一组图像。我使用回调函数来选择图像网址并从json响应中遍历每个网址，并使用裁剪工具filepicker.processImage()上传裁剪的缩略图。

filepicker.pickMultiple(
 function(urlList){
  var list="";
  var urlLength=urlList.length;
  var counter = 0;
  urlList.forEach(function (urlBlob,index) {
    filepicker.processImage(urlBlob.url,{},
      function(blob){
        counter++;
        list += "," +urlBlob.url + ";" + blob.url ;
        if(urlLength == counter ){alert(list)};
      } ,
      function(){
        counter++;
        list += "," +urlBlob.url + ";" + urlBlob.url ;
        if(urlLength == counter ){alert(list)};
      });
  });
});

上述代码正确上传了多张图片，并提供了有关上传图片的网址信息。然后我遍历每个图像网址并使用filepicker.processImage()裁剪ech图像。但是上面的代码仅裁剪第一个图像。仅显示一个窗口用于裁剪具有第一个上载图像的图像。我想将我的输出作为具有此格式"originalImageUrl;croppedImageUrl"的列表字符串。

有任何帮助可以找出问题吗？