react formData file 여러개 업로드방법 질문드립니다

Question

현재 업로드한 사진 및 문서를 fileList라는 state에 처리되고있으며,추후 submit을 통하여 cloudinary에 사진 및 문서를 업로드함과 동시에추출된 이미지url을 imgUrlㅇ이라는 배열에 담아 db에 저장하는 것을 목표로 작업을 하고있습니다. 현재 fileList[0]을 해서 업로드 중인데 이렇게 하면 업로드된 배열의 0번쨰만 db에 저장되는 상황입니다... 이방법을 해결하기 위해 map을 사용하여 저장을 하고자하는데 이렇게되면,이미지를 2개 업로드 했을때에 index가 0일때 index가 0,1 일때 이런씩으로 다중으로 업로드되는 상황이 발생되어 해결책을 여쭤보려 질문을 드립니다....또 map을 사용하고 slice 나 filter 등 여러 매소드를 사용해도 위에 말한 index가 0일때 index가 0,1 일때 이런씩으로 다중으로 업로드되는건 동일하더라구요 .... 어떻게 해야 db에 fileList에 업로드한 여러파일이 db에 정상적으로 저장 및 업로드가 될까요 ...?ㅠㅠ

자전거타고러닝하고 · Answer

formdata 에 append('file', file) 이걸 파일수만큼 돌리고 한번에 보내세요~서버에서는 file을 List로 받으시고요~

이지현 · Answer

답변주셔서 감사합니다! 그런데 이게 ㅜㅠㅠ 정해진 파일수가 있는 것이 아니구 ... 사용자가 몇개를 올릴지 모르는 것이라 ... 정해진 파일수가 아닌 전부다 가져오는 다른 방법은 없을까요?

이지현 · Answer

서버에서는 file을 List로 받으시고요~그리구 ... 이 말이 무슨 뜻일까요 ㅠㅠ

react formData file 여러개 업로드방법 질문드립니다

3개의 답변

#formdata 목록