imnyang/2025-SSF-Frontend
1
0
Fork 0
mirror of https://github.com/sunrin-ana/2025-SSF-Frontend.git synced 2026-03-09 18:30:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: not

Browse source
This commit is contained in:
juyoungk09 2025-09-13 10:13:39 +09:00
commit 2d95e0bf94
24 changed files with 728 additions and 612 deletions
Download patch file Download diff file Expand all files Collapse all files

70
src/components/features/diary/UploadImages.tsx
View file

@ -1,43 +1,43 @@
// src/components/PhotoUploadModal.tsx
// // src/components/PhotoUploadModal.tsx
import { component$, useSignal, Signal, $ } from '@builder.io/qwik';
// import { component$, useSignal, Signal, $ } from '@builder.io/qwik';
type FileInfo = {
name: string;
size: number;
type: string;
lastModified: number;
url?: string;
};
// type FileInfo = {
// name: string;
// size: number;
// type: string;
// lastModified: number;
// url?: string;
// };
export const PhotoUploadModal = component$(({ selectedImages, showPhotoUploadModal }: { selectedImages: Signal<File[]>, showPhotoUploadModal: Signal<boolean> }) => {
// export const PhotoUploadModal = component$(({ selectedImages, showPhotoUploadModal }: { selectedImages: Signal<File[]>, showPhotoUploadModal: Signal<boolean> }) => {
const fileInfo = useSignal<FileInfo | null>(null);
const fileRef = useSignal<File | null>(null);
const error = useSignal('');
const fileInputRef = useSignal<HTMLInputElement>();
// const fileInfo = useSignal<FileInfo | null>(null);
// const fileRef = useSignal<File | null>(null);
// const error = useSignal('');
// const fileInputRef = useSignal<HTMLInputElement>();
const handleFileSelect = $(async (selectedFile: File) => {
if (selectedFile && selectedFile.type.startsWith('image/')) {
fileInfo.value = {
name: selectedFile.name,
size: selectedFile.size,
type: selectedFile.type,
lastModified: selectedFile.lastModified,
url: URL.createObjectURL(selectedFile)
};
fileRef.value = selectedFile;
error.value = '';
} else {
error.value = '이미지 파일만 업로드 가능합니다.';
fileInfo.value = null;
fileRef.value = null;
}
});
// const handleFileSelect = $(async (selectedFile: File) => {
// if (selectedFile && selectedFile.type.startsWith('image/')) {
// fileInfo.value = {
// name: selectedFile.name,
// size: selectedFile.size,
// type: selectedFile.type,
// lastModified: selectedFile.lastModified,
// url: URL.createObjectURL(selectedFile)
// };
// fileRef.value = selectedFile;
// error.value = '';
// } else {
// error.value = '이미지 파일만 업로드 가능합니다.';
// fileInfo.value = null;
// fileRef.value = null;
// }
// });
if (!showPhotoUploadModal.value) return null;
// if (!showPhotoUploadModal.value) return null;
return (
// return (
);
});
// );
// });