이미지 업로드 구현 질문입니다.
안녕하세요
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
172
0
socket.js 에서 referer로부터 roomId를 가져올 때
0
926
3
스트리밍 방식으로 대용량 파일 업로드 & 다운로드 관련 질문
0
2297
2
a[title] 질문드립니다
0
387
1
리뉴얼 강의 및 공부 방법
0
590
1
jwt decode
0
1138
1
node.js 교과서 3판 질문드립니다
0
397
1
passport와 jwt
0
438
1
리뉴얼 강의
0
428
2
혹시 Node.js 교과서 3판 이북은 언제 나오나요?
0
359
1
몽고디비 사용자도 MYSQL부분을 들어야 하나요???
0
490
1
sql 쿼리 로그는 어떤 모듈이 작성하나요?
0
511
2
nunjucks res.render('error'); 작동을 안합니다.
0
519
1
질문있습니다.
0
348
1
multer 한글 파일 업로드시 파일명이 깨져요.
1
3543
1
수업자료는 어디있나요?
0
374
1
질문 있습니디
0
245
1
multer 사용시 file 외 name값은 못받나용?
0
430
1
코드 중복 부분 질문드립니다.
0
303
1
api 만드는 이유 질문드립니다.
0
293
1
Strategy의 done에 대해 질문드립니다.
0
374
1
안녕하세요 fs 권한 관련 질문드립니다
0
456
1
시퀄라이즈 연결질문...
0
511
2
res.setHeader vs res.cookie
0
1797
3