Skip to content

Upload ​

Pick a file and run api.upload() — real FormData + createFetch (mock response).

Live demo · Upload

api.upload + multipart fields

Real api.upload() builds FormData and posts through createFetch. Add onUploadProgress in your app for XHR progress.

No file selected

0%

Pick a file and upload — real api.upload() + mock fetch

await api.upload('/files', {
  file,
  fieldName: 'file',
  fields: { folder: 'avatars', public: true },
  onUploadProgress: ({ progress }) => setProgress(progress),
})

In your app ​

ts
await api.upload('/files', {
  file,
  fields: { folder: 'avatars' },
  onUploadProgress: ({ progress }) => setProgress(progress ?? 0),
})

Guide: Upload · example: examples/file-upload

MIT Licensed · Created by Mohammad Garmabi · Not an official TanStack package