github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): uppercase file extensions blocked for image upload

Browse Source 
Closes #8284
This commit is contained in:
psychedelicious
2025-07-16 15:23:14 +10:00
parent caa97608c7
commit 7561b73e8f
5 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/features/dnd/FullscreenDropzone.tsx
View File

@@ -41,13 +41,13 @@ const zUploadFile = z
// )
.refine(
(file) => {
return ACCEPTED_IMAGE_TYPES.includes(file.type);
return ACCEPTED_IMAGE_TYPES.includes(file.type.toLowerCase());
},
{ message: `File type is not supported` }
)
.refine(
(file) => {
return ACCEPTED_FILE_EXTENSIONS.some((ext) => file.name.endsWith(ext));
return ACCEPTED_FILE_EXTENSIONS.some((ext) => file.name.toLowerCase().endsWith(ext));
},
{ message: `File extension is not supported` }
);

7
invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Fields/ModelImageUpload.tsx
View File

@@ -1,4 +1,5 @@
import { Box, IconButton, Image } from '@invoke-ai/ui-library';
import { dropzoneAccept } from 'common/hooks/useImageUploadButton';
import { typedMemo } from 'common/util/typedMemo';
import { toast } from 'features/toast/toast';
import { useCallback, useState } from 'react';
@@ -72,11 +73,7 @@ const ModelImageUpload = ({ model_key, model_image }: Props) => {
}, [model_key, t, deleteModelImage]);
const { getInputProps, getRootProps } = useDropzone({
accept: {
'image/png': ['.png'],
'image/jpeg': ['.jpg', '.jpeg', '.png'],
'image/webp': ['.webp'],
},
accept: dropzoneAccept,
onDropAccepted,
noDrag: true,
multiple: false,

3
invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowThumbnail/WorkflowThumbnailField.tsx
View File

@@ -1,4 +1,5 @@
import { Box, Button, Flex, Icon, IconButton, Image, Tooltip } from '@invoke-ai/ui-library';
import { dropzoneAccept } from 'common/hooks/useImageUploadButton';
import { convertImageUrlToBlob } from 'common/util/convertImageUrlToBlob';
import { useCallback, useEffect, useState } from 'react';
import { useDropzone } from 'react-dropzone';
@@ -53,7 +54,7 @@ export const WorkflowThumbnailField = ({
}, [onChange]);
const { getInputProps, getRootProps } = useDropzone({
accept: { 'image/png': ['.png'], 'image/jpeg': ['.jpg', '.jpeg', '.png'] },
accept: dropzoneAccept,
onDropAccepted,
noDrag: true,
multiple: false,

3
invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetImageField.tsx
View File

@@ -1,4 +1,5 @@
import { Box, Button, Flex, Icon, IconButton, Image, Tooltip } from '@invoke-ai/ui-library';
import { dropzoneAccept } from 'common/hooks/useImageUploadButton';
import { useCallback } from 'react';
import { useDropzone } from 'react-dropzone';
import type { UseControllerProps } from 'react-hook-form';
@@ -26,7 +27,7 @@ export const StylePresetImageField = (props: UseControllerProps<StylePresetFormD
}, [field]);
const { getInputProps, getRootProps } = useDropzone({
accept: { 'image/png': ['.png'], 'image/jpeg': ['.jpg', '.jpeg', '.png'] },
accept: dropzoneAccept,
onDropAccepted,
noDrag: true,
multiple: false,