Documentation home pagelight logodark logo
  • Support
  • Dashboard
  • Dashboard
Vue
useFileUpload()
Documentation
Reference
Guides
  • Documentation
  • Documentation
  • Community
  • Blog
  • API Documentation
    • Overview
    Backend Services
    • Authentication
    • Storage
    GraphQL
    • 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()
    Vue

    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 })
    }
    
    useDecodedAccessToken()useFileUploadItem()
    twittergithublinkedin
    Powered by Mintlify