jquery - Uploadcare 捕获表单发布的文件 UID

Question

我正在尝试解决 Uploadcare API。请原谅我对以下问题的无知。

我将 Uploadcare uploader 设置为最多 5 张图像。这似乎可以正确地将文件上传到 Uploadcare。

我想要做的是捕获新创建的文件 UUID 并将其存储在表单字段中，以便发布到我的服务器端应用程序以处理一些其他数据并存储 UUID，以便该文件可以通过 REST API 处理。

最后，我只是 try catch 信息并生成动态创建的 UUID 隐藏字段，以便我可以将它们存储在数据库中。

如果我对如何使用该产品的方向完全错误，请纠正我，因为我对此感到有点困惑。

Answer 1

您可能正在使用 Uploadcare 小部件的多重上传变体，它会将组的 UUID 返回到输入字段。

要获取组中各个文件的 UUID，您必须选择:

• 请求group通过 REST API 获取信息，它将包含所有文件的信息

• 上传完成后使用JS API获取文件的UUID:

  var multipleWidget = uploadcare.MultipleWidget("[role=uploadcare-uploader]");
  $ = 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
        });
      });
    }
  });