reactjs - 使用 JSON Schema Form (Retool) 输入多个文件

Question

在Retool 上，我正在使用JSON Schema Form输入多个文件，然后，我尝试了从本网站react-jsonschema-form输入多个文件的示例，但是多个文件输入不需要多个文件，它只需要一个文件：

这是从react-jsonschema-form输入的多个文件的 JSON Schema ：

{
  "title": "Files",
  "type": "object",
  "properties": {
    "files": {
      "type": "array",
      "title": "Multiple files",
      "items": {
        "type": "string",
        "format": "data-url"
      }
    },
  }
}

有什么问题吗？或者有什么方法可以输入多个文件？

Answer 1

我使用您问题中指示的链接对其进行了测试，一切正常。关闭后删除逗号properties。在 JSON 中，这被视为错误

{
  "title": "Files",
  "type": "object",
  "properties": {
    "files": {
      "type": "array",
      "title": "Multiple files",
      "items": {
        "type": "string",
        "format": "data-url"
      }
    }
  }
}

Answer 2

您可以使用JSON Schema选择多个文件：

{
  "title": "Files",
  "type": "object",
  "properties": {
    "files": {
      "type": "array",
      "title": "Multiple files",
      "items": {
        "type": "string",
        "format": "data-url"
      }
    },
  }
}

首先，点击“选择文件”：

其次，按住“Ctrl”或“Shift”，然后选择多个文件。*在完成选择之前不要释放“Ctrl”或“Shift” 。在下面的示例中，我选择了"clover.jpg"、"rosemary.jpg"和"sunflower.jpg"：

最后，您可以选择“选择文件”下列出的 3 个文件：

Answer 3

还有另一种方法可以使用此JSON Schema选择多个文件：

{
  "title": "Files",
  "type": "object",
  "properties": {
    "files": {
      "type": "array",
      "title": "Multiple files",
      "items": {
        "properties": {
          "file": {
            "type": "string",
            "title": "File",
            "format": "data-url",
          }
        }
      }
    }
  }
}

点击“＋”添加单个文件输入，点击“ ”删除单个文件输入：