이미지 업로드 구현 질문입니다.
안녕하세요
9장 multer 모듈로 이미지 업로드 구현하기 에서
Nodebird에 폭탄 이미지 올릴때
post요청 다음에 get요청이 하나 더 있는데
이 요청이 app.js에서
app.use('/img', express.static(path.join(__dirname, 'uploads')));
가 실행되어야 폭탄이미지가 나온다는건 알고 있는데
이 구문이 언제 실행이 되는지 명확하게 이해가 가지 않습니다.
사진 업로드만 했는데 어떻게 get요청이 추가로 들어올 수 있는건가요??
답변 1
1
업로드하면 이미지 미리보기용으로 만든 img 태그의 src가 바뀝니다. src가 바뀌면 get 요청이 갑니다.
0
그러면 사용자는 한번 요청을 보내는데 업로드할때 post요청을 보내서 이미지가 서버에 등록이 되고
클라이언트에 사진이 보이게 하는 get요청은 사용자가 아닌 그냥 서버가 다시 코드를 처음부터 읽어서 알아서 처리해주는 것인가요?
0
서버가 코드를 읽어서가 아니라요. post 요청 후 then 부분 보시면 img.src를 조작하는 부분이 있습니다. 여기서 src가 바뀌면 브라우저가 이미지 주소로 요청을 다시 보냅니다.
0
자꾸 똑같은 내용으로 질문해서 죄송합니다..
로그인 한 사람이 post/img 요청을 보내면 서버에서 이미지 업로드하고 미들웨어를 실행시켜 url을 응답으로 보내주고
url응답이 html의 preview src로 들어가고 여기서 src가 /img/~로 바뀌었으니 브라우저는 바뀐 src로 요청을 보내서 static미들웨어가 실행된다고 이해했습니다.
그렇다면 브라우저에서 src를 바꾸면 브라우저가 자동으로 무조건 요청을 다시 보내는건가요?? 그냥 scr를 바꾸면 요청 다시 보낸다고 이해하면 될까요?
0
음..
죄송한데 사진 업로드 버튼을 누를때부터 브라우저에 업로드 된 모습이 보일때까지 어떻게 요청이 왔다갔다 하는지 알려주실 수 있으신가요??
제가 잘못 이해하고 있는것 같아서요...
0
아, 사진 업로드를 누르면 axios.post 요청이 가고, 요청이 완료되면 then 부분에 img.src가 변경됩니다. 변경되는 순간 브라우저가 그 src 주소로 get 요청을 보내서 받아오면 브라우저에 표시됩니다.
리눅스 노드 설치시 패키지
0
159
0
socket.js 에서 referer로부터 roomId를 가져올 때
0
905
3
스트리밍 방식으로 대용량 파일 업로드 & 다운로드 관련 질문
0
2281
2
a[title] 질문드립니다
0
375
1
리뉴얼 강의 및 공부 방법
0
581
1
jwt decode
0
1128
1
node.js 교과서 3판 질문드립니다
0
391
1
passport와 jwt
0
432
1
리뉴얼 강의
0
417
2
혹시 Node.js 교과서 3판 이북은 언제 나오나요?
0
353
1
몽고디비 사용자도 MYSQL부분을 들어야 하나요???
0
481
1
sql 쿼리 로그는 어떤 모듈이 작성하나요?
0
505
2
nunjucks res.render('error'); 작동을 안합니다.
0
511
1
질문있습니다.
0
346
1
multer 한글 파일 업로드시 파일명이 깨져요.
1
3535
1
수업자료는 어디있나요?
0
366
1
질문 있습니디
0
235
1
multer 사용시 file 외 name값은 못받나용?
0
416
1
코드 중복 부분 질문드립니다.
0
298
1
api 만드는 이유 질문드립니다.
0
286
1
Strategy의 done에 대해 질문드립니다.
0
361
1
안녕하세요 fs 권한 관련 질문드립니다
0
446
1
시퀄라이즈 연결질문...
0
492
2
res.setHeader vs res.cookie
0
1785
3