파일 max값 추가
This commit is contained in:
@@ -3,7 +3,7 @@ import { CloudUpload, Paperclip } from "lucide-react";
|
||||
import { FileInput, FileUploader, FileUploaderContent, FileUploaderItem } from "./lib/file_upload";
|
||||
const dropZoneConfig = {
|
||||
maxFiles: 5,
|
||||
maxSize: 1024 * 1024 * 4,
|
||||
maxSize: 1024 * 1024 * 100,
|
||||
multiple: true,
|
||||
};
|
||||
|
||||
@@ -12,12 +12,18 @@ const dropZoneConfig = {
|
||||
files: File[]; // 파일 배열
|
||||
setFiles: (files: File[] | null) => void; // 파일 배열 세터
|
||||
fileTypes?: string; // 옵션 (파일 확장자 문자열)
|
||||
onFileClick?:(index:number)=> void; // 파일 클릭 핸들러
|
||||
onFileClick?:(index:number)=> void;
|
||||
maxFiles?: number; // 파일 클릭 핸들러
|
||||
|
||||
}
|
||||
|
||||
export const FileUpload =
|
||||
({ files, setFiles, fileTypes ,onFileClick}: FileUploadProps) => {
|
||||
({ files, setFiles, fileTypes ,onFileClick, maxFiles}: FileUploadProps) => {
|
||||
if(maxFiles){
|
||||
dropZoneConfig.maxFiles = maxFiles;
|
||||
if(maxFiles===1)
|
||||
dropZoneConfig.multiple = false;
|
||||
}
|
||||
return (
|
||||
<FileUploader
|
||||
value={files}
|
||||
|
||||
Reference in New Issue
Block a user