React-admin ImageInput / FileInput 多重上传

Question

我在 react-admin 中使用或 FileInput 时遇到问题。

我使用了 multiple=false 或者没有使用 multiple

<ImageInput
    source="picture"
    multiple={false}
</ImageInput>

我检查了图片并得到了

picture: {
   rawFile: "....",
   url: "...",
   title: "..."
}

但我使用了 multiple=true 并上传了很多图片

<ImageInput
   source="picture"
   multiple={true}
</ImageInput> 

在那之后，检查了图片并得到了

picture: [
   0: {url: "...", title: "..."},
   1: {url: "...", title: "..."},
   0: {url: "...", title: "..."}
]

我在图片的每个 Json 对象中都需要 rawFile，但我没有看到它们

请帮帮我

Answer 1

您好，您是否尝试过文档中提供的<ImageField/> 组件？ https://marmelab.com/react-admin/Inputs.html#imageinput

如果它不起作用，可以尝试更改保存按钮组件并编写您自己的： https://marmelab.com/react-admin/CreateEdit.html#using-onsave-to-alter-the-form-submission-behavior

我通常这样写我的 imge 组件，它就像一个魅力：

<ImageInput {...props} accept="image/*" source="image" multiple={true} >
   <ImageField source="src" title="title"/>
</ImageInput>