Skip to content

Switching UFileUpload to use static NuxtImage provider? #5121

@dosstx

Description

@dosstx

Package

v4.x

Description

I am using the UFileUpload component and also Nuxt UI with a provider (imagekit). When user ads an image using UFileUpload, the UFileUpload component has the following browser error:

e9b75da1-69b0-4776-bd7e-5c03c62ddd3f:1   GET https://ik.imagekit.io/<removed>/blob://http://localhost:3000/e9b75da1-69b0-4776-bd7e-5c03c62ddd3f?tr=w-80,h-80 404 (Not Found)

I have the image provider config in nuxt config like so:

  image: {
    provider: 'imagekit',
    imagekit: {
      baseURL: 'https://ik.imagekit.io/<removed>/'
    },
    domains: [
      'lh3.googleusercontent.com',
      'firebasestorage.googleapis.com',
      'api.dicebear.com'
    ],
    screens: {
      xs: 320,
      sm: 640,
      md: 768,
      lg: 1024,
      xl: 1280,
      xxl: 1536,
      '2xl': 1536
    }
  },

Does anyone know how to NOT use imagekit provider and just use NuxtImage's static provider (IPX) since UFileUpload seems to be using NuxtImage under the hood?

Metadata

Metadata

Assignees

No one assigned

    Labels

    duplicateThis issue or pull request already existsquestionFurther information is requestedv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions