带有多文件选择器的Uploadcare小部件

Question

我有一个Uploadcare小部件，并启用了多个上传。当我调用函数uploadcare.Widget("[role=uploadcare-uploader]")时，它会引发异常

我的意见：

<input type="hidden" 
       id="uploadcare-uploader"
       data-multiple 
       data-images-only
       data-multiple-max="15"
       role="uploadcare-uploader" 
       name="my_file" />

另外，如何获取用户在JavaScript中上传的图像的UUID？

Answer 1

这将不起作用，因为您应该使用多个文件小部件来初始化单个文件小部件。试试这个：

var multipleWidget = uploadcare.MultipleWidget("[role=uploadcare-uploader]");

至于获得UUID：

$ = uploadcare.jQuery; // skip this if you already have jQuery on the page
multipleWidget.onChange(function(group) {
  if (group) {
    group; // group object
    group.files(); // array of file objects
    $.when.apply(null, group.files()).then(function() {
      arguments; // array of individual file infos
      $.each(arguments, function() {
        console.log(this.cdnUrl); // URL of uploaded file
        console.log(this.uuid);   // UUID of uploaded file
      });
    });
  }
});

您可以在文档中找到更多详细信息。