ErlangFormDocs v1.0.0
Field dasar

File

Memilih File dan mengunggahnya melalui FormData.

Maksimal 5 MB. Demo hanya membaca file secara lokal.

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

example.tsx
const schema = z.object({
  attachment: z.file().max(5_000_000).optional(),
});

<ErlForm
  form={form}
  schema={schema}
/>

Gunakan pola Quick Start. Input menyimpan File pertama dari pilihan pengguna, atau undefined ketika kosong. Library tidak mengunggah file otomatis.

Mengirim ke API

Isi callback onSubmit pada useForm:

Endpoint tersebut perlu dibuat di aplikasi. Gunakan FormData untuk file dan validasi ulang di server. Jangan mengirim File dengan JSON.stringify.

Pada renderer file 1.0.0, accept dan multiple belum diteruskan ke input dan nilai yang disimpan tetap satu File. Gunakan komponen kustom untuk filter pemilih file atau banyak file. Reset state tidak otomatis membersihkan native input file; remount input bila diperlukan.

Di halaman ini