How to use simple file inputs

[ilikali]

Hi. I read in the documentation about file uploads (https://refine.dev/docs/guides-and-concepts/upload/multipart-upload/), but I would like to know how you can do a simple file upload using type="file". My server takes one value for the image.

How can I make an implementation of this code?

var formdata = new FormData();
formdata.append("preview", fileInput.files[0], "image.jpeg");

Thanks

[omeraplak]

Hey @ilikali ,
Thank you for contacting us! Are you using Ant Design or custom UI?

[ilikali]

Custom UI )

<input {...register("preview")} type="file"/>

[omeraplak]

I found an example for you. Does it work for you?

https://codesandbox.io/s/fancy-breeze-f7gov?fontsize=14&hidenavigation=1&theme=dark&file=/src/App.js

[mlhekinci]

Hey @ilikali, we recently wrote a blog post on this topic and included it in our documentation.

Refine React Hook Form Docs

Refine Multipart File Upload Blog

CodeSandbox

By following the document and examples, you can get an idea of ​​how to upload files to your server.

I hope it helps.

[ilikali]

I used a very similar approach. Anyway, you are great and thanks for developing the refine!