드래그앤 드롭 멀티 파일 업로드에 대해 질문이 있습니다.

안녕하세요 zerocho님 질문이 있습니다.

파일 드래그앤 드롭후 파일 업로드 요청을 날리려고 하는데 데이터를 어떻게 세팅해서 보내야 될까요? formdata를 이용하는게 맞겠죠?

acceptdFiles 에 파일 정보가 배열로 담겨 있긴 한데
ex)

acceptedFileds :  
(2) [File, File]
0: File {path: "test2.txt", name: "test2.txt", lastModified: 1625188644067, lastModifiedDate: Fri Jul 02 2021 10:17:24 GMT+0900 (대한민국 표준시), webkitRelativePath: "", …}
1: File {path: "test1.txt", name: "test1.txt", lastModified: 1625728571514, lastModifiedDate: Thu Jul 08 2021 16:16:11 GMT+0900 (대한민국 표준시), webkitRelativePath: "", …}
length: 2
__proto__: Array(0)

이걸 폼데이터에 세팅하면 될까요? 근데 방법을 잘몰겠어요 onDrop 함수 내에서 acceptedFiles를 반복문으로 돌려서 formData에 설정하면 될거 같은데 문법을 잘몰겠어요

    const onDrop = useCallback(acceptedFiles => {
        console.log("acceptedFileds : ", acceptedFiles);
        // setFilesToUpload(acceptedFiles)
        dispatch({
            type: ADD_FILE_REQUEST,
            data: acceptedFiles
        });
    }, [])

그리고 파일 이름, 용량등도 디비에 저장하려면 폼데이터에 싫어서 보내면 될거같은데 알려주시면 감사요

github:

https://github.com/node-hyun/nodebird2/blob/master/front/pages/file_attach.js

note:

http://skilnote-for-react.co.kr/skilnote1/myshortcut/file-attach-download/81

인프런 커뮤니티 질문&답변