---------------------- Sure, you can perform a multipart upload with Refine. Here's how you can add an image field to the post creation form: ```jsx import { useApiUrl, } from "@refinedev/core"; import { getValueFromEvent, Create, useForm, } from "@refinedev/antd"; import { Upload, Form, Input, } from "antd"; export const PostCreate: React.FC = () => { const { formProps, saveButtonProps } = useForm(); const apiUrl = useApiUrl(); return ( ); }; interface IPost { id: number; title: string; image: [ { uid: string; name: string; url: string; status: "error" | "success" | "done" | "uploading" | "removed"; }, ]; } ``` You can reach the API URL by using the `useApiUrl` hook. You need an upload endpoint that accepts multipart uploads. This address should be passed into the `action` property of the `Upload` component. The endpoint should be `Content-type: multipart/form-data` and `Form Data: file: binary`. The data is sent to the API when the form is submitted. The following data are required for the Antd Upload component and all should be saved:

How do I upload a file with material UI?

Similar Threads

Similar Threads

Similar Threads