具有多个文件选择器的 Uploadcare 小部件

【问题标题】：Uploadcare widget with multiple file picker具有多个文件选择器的 Uploadcare 小部件
【发布时间】：2014-07-10 10:28:27
【问题描述】：

我有一个启用了多次上传的 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？

【问题讨论】：

标签： javascript file-upload uploadcare

【解决方案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
      });
    });
  }
});

您可以在docs找到更多详细信息

【讨论】：