only use client side uploads if more than one image to retain metadata for single uploads

Author: Mary Hipp

invokeai/frontend/web/src/common/hooks/useImageUploadButton.tsx

@@ -83,7 +83,7 @@ export const useImageUploadButton = ({ onUpload, isDisabled, allowMultiple }: Us
           }
         } else {
           let imageDTOs: ImageDTO[] = [];
-          if (isClientSideUploadEnabled) {
+          if (isClientSideUploadEnabled && files.length > 1) {
             imageDTOs = await Promise.all(files.map((file, i) => clientSideUpload(file, i)));
           } else {
             imageDTOs = await uploadImages(

invokeai/frontend/web/src/features/dnd/FullscreenDropzone.tsx

@@ -109,7 +109,7 @@ export const FullscreenDropzone = memo(() => {
 
       const autoAddBoardId = selectAutoAddBoardId(getState());
 
-      if (isClientSideUploadEnabled) {
+      if (isClientSideUploadEnabled && files.length > 1) {
         for (const [i, file] of files.entries()) {
           await clientSideUpload(file, i);
         }