# input file

3개의 포스트

2022-01-05

react에서 input-file 을 이용해 파일 객체를 가져와서 사진 미리보기 작업을 하고 있었다. 사진을 보려면 img 태그의 src 속성에 해당 이미지의 url 값을 넣어야 한다.따라서 input-file 로 가져온 파일 객체에서 URL을 뽑아야 하는데,이때 필요

2022년 1월 6일
·
0개의 댓글

사진업로드 버그수정

기존 input의 file타입을 사용해서 프로필사진 업로드 기능을 구현하였었다.위와같이 event.target.files0으로 이미지파일의 정보를 가져올수 있었고 다음 api통신과 미리보기 기능을 구현했었다.근데 첫번째 클릭시에는 onChangeImg함수가 잘 작동했지

2021년 6월 21일
·
0개의 댓글
post-thumbnail

image 파일 받아서 미리보기

server와의 이미지 파일 업로드가 아닌 프론트에서 받아온 이미지를 미리보기로 보여주는 과정을 기록한다.파일받아오기는 기존에 진행했던 input file을 이용하였다.위와같이 input을 클릭하면 이미지 업로드화면이 나오고 e.target.files0은 image의

2021년 6월 14일
·
0개의 댓글