multer를 통해 upload 폴더 속에 저장한 이미지 접근하기

일단 multer를 통해 이미지를 upload하면 upload folder 속에 이미지가 저장되는 상황이다.

 

백엔드에 5000번 포트를 할당했다 가정했을 경우  내가 봐왔던 영상들에서 항상

 

http://localhost:5000/uploads/이미지파일이름.확장자명

 

ex)http://localhost:5000/uploads/Lion.jpg

---

맨 앞에 http를 적지 않으면

 

이런 오류 메시지가 나올 수 있다.

 

---

와 같이 접근했었다. 하지만, 막상 내가 이런 식으로 접근하니 제대로 접근 되지 않았는데 이는 express의 middleware 중 하나인 static 함수를 쓰지 않았기 때문이다.

 

express static 함수를 사용하면 css 이미지 javascript 파일과 같은 정적인 파일들에 접근 할 수 있게 된다. 

 

사용법은 app.js에

 

이 정리들을 참고하여 반영하면 된다. 

 

app.use('/uploads', express.static('uploads'))를 하면 localhost:5000/uploads 라는 url로 접근했을 때 uploads 폴더에 접근 할 수 있게 된다. 

 

 

참고문헌

---

ian90.tistory.com/15

10. Express - 정적파일을 서비스 하는법

wayhome25.github.io/nodejs/2017/02/21/nodejs-15-file-upload/

nodejs 파일 업로드 - multer 모듈사용 · 초보몽키의 개발공부로그

이 바로 위에 블로그가 내용이 되게 깔끔히 정리되어 있다. 나중에 또 헷갈리게 되면 다시 이곳에 오자.