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

terecal님의 프로필 이미지

작성한 질문수

React로 NodeBird SNS 만들기

6-10. express.static과 이미지 제거

이미지 업로드할때

19.11.06 10:13 작성

·

160

0

첫번쨰 인자값으로 image가 왜 들어가는지 알려주시면 감사여 ~!

```

    const onChangeImages = useCallback((e=> {
        // 입력한 파일 정보를 이렇게 가져올 수 있음
        console.log(e.target.files); 
        //  폼의 정보를 담을수 있는 객체를 선언
        const imageFormData = new FormData();
        // 입력한  파일 정보를 반복문으로돌려서 imageFormData에 저장
        [].forEach.call(e.target.files, (f=> {
            imageFormData.append('image'f);
        });
        dispatch({
            type: UPLOAD_IMAGES_REQUEST,
            data: imageFormData,
        });
   }, []);
```

            imageFormData.append('image'f);

그리고 useRef로 인풋 박스

    const onClickImageUpload = useCallback(() => {
        imageInput.current.click();
    }, [imageInput.current]);
이때 이미지 업로드 버튼이랑 파일 업로드 버튼을 별개로 만드는 이유와
중간에 current는 무슨 의미인지 알려주시면 감사여

답변 3

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2019. 11. 06. 13:51

ref 관련해서는 기본 강좌를 보세요~

0

terecal님의 프로필 이미지
terecal
질문자

2019. 11. 06. 13:19

key value 형식으로 보내고 받는 관계였군여 답변 감사합니다. current는 useRef의 Current 좀 어렵지만 일단 그냥 붙여야 되는걸로 기억할게여 감사합니다

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2019. 11. 06. 12:24

key value식으로 넣는거라 key를 image로 주면 서버의 multer upload.array에 image로 받을 수 있습니다.

current는 useRef의 current입니다.

terecal님의 프로필 이미지

작성한 질문수

질문하기