Documentation home pagelight logodark logo
  • Support
  • Dashboard
  • Dashboard
useFileUpload()
Welcome
Getting Started
Products
Platform
Reference
Blog
  • Overview
Backend Services
  • Authentication
  • Storage
  • AI
Client Libraries
  • Javascript
  • React
  • Next.js
  • Vue
    • NhostClient
    • useAccessToken()
    • useAuthenticated()
    • useAuthenticationStatus()
    • useChangeEmail()
    • useChangePassword()
    • useDecodedAccessToken()
    • useFileUpload()
    • useFileUploadItem()
    • useHasuraClaim()
    • useHasuraClaims()
    • useMultipleFilesUpload()
    • useNhostClient()
    • useProviderLink()
    • useResetPassword()
    • useSendVerificationEmail()
    • useSignInAnonymous()
    • useSignInEmailPassword()
    • useSignInEmailPasswordless()
    • useSignInPAT()
    • useSignInSmsPasswordless()
    • useSignOut()
    • useSignUpEmailPassword()
    • useUserAvatarUrl()
    • useUserData()
    • useUserDefaultRole()
    • useUserDisplayName()
    • useUserEmail()
    • useUserId()
    • useUserIsAnonymous()
    • useUserLocale()
    • useUserRoles()
    • useAddSecurityKey()
    • useElevateSecurityKeyEmail()
    • useSignInEmailSecurityKey()
    • useSignUpEmailSecurityKey()
    • useSignInEmailOTP()
    • useSignInIdToken()
    • useLinkIdToken()
    • useSignInSecurityKey()
  • React Native
CLI
  • Commands

useFileUpload()

Use the composable useFileUpload to upload a file.

const {
  add,
  upload,
  cancel,
  isUploaded,
  isUploading,
  isError,
  progress,
  id,
  bucketId,
  name
} = useFileUpload()

const handleFormSubmit = async (e) => {
  e.preventDefault()

  await upload({ file })
}

Was this page helpful?

Suggest editsRaise issue
useDecodedAccessToken()useFileUploadItem()
twittergithublinkedin
Powered by Mintlify