이미지 업로드 응용 질문드립니다

[이수진]

안녕하세요! 이미지 업로드 응용해서 진행해 보는데 어려움이 있어 문의드립니다.
write페이지에서 게시글을 작성할때 이미지 업로드도 같이 하고싶어 이렇게 작성해 보았습니다.

write.ejs

server.js

업로드 해보면 public/image폴더 안에 이미지가 잘 저장이 되고
console.log(요청.file)해보면 이미지 경로는 잘 나오는데
이미지 : 요청.file.picture했을 시 파일 정보가 나오지 않고 undefined로 나오게 됩니다

그래서 mongo db에서 확인해보면 이미지는 정보는 null로 나오구요...

요청.file.picture 하면 파일 정보 저장되는거로 알고 있는데 어떤 부분이 문제여서 undefined로 나오는지
해결하고 싶습니다.
감사합니다.

[codingapple]

object에서 자료뽑을 땐 마침표뒤에 오른쪽말고 왼쪽에있는거 적어야합니다 

[이수진]

앗 그러면 죄송하지만 어떻게 작성해야 하는지 알려주실수 있으신가요?ㅠㅠ
마침표 뒤에 오른쪽 말고 왼쪽에 있는거 적어야 한다는 말이 잘 이해가 되질 않아서요...ㅠㅠㅠ

[codingapple]

요청.file.fieldname 이라고 쓰면 'picture'가 출력됩니다 

[이수진]

말씀해주신 대로 해보았더니 성공하였습니다 감사합니다!
그런데 하나만 더 여쭈어봐도 될까요??
detail페이지에서 이미지를 불러오고 싶어서

이렇게 img src="< %= data.이미지 % >"를 하였는데
이미지는 뜨지 않고 엑박이 뜨내요....
혹시 몰라 요청.file.path로도 해보았는데 되지 않습니다...어떻게 해결해야 할까요...???

[codingapple]

개발자도구켜서 elements탭에서 <img src="" 안에 뭐가 들어있나 확인합시다

안들어있으면 DB에서 꺼낸게 이미지 항목이 없어서 그렇습니다 

[이수진]

안에 경로는 잘 들어있는것 같은데....ㅠㅠ 뭐가 문제일까요....ㅠㅠ

에러는 이렇게 나왔어요...!

그리고 list페이지에서는 이미지가 잘 나오는데 detail 페이지에서만 나오지 않더라구요...

[codingapple]

public 폴더에 있는 파일들은 /public/image 말고 /image 부터 시작하면 사용가능합니다 

/public을 제거합시다 

[이수진]

해결됐습니다!! 감사합니다~~~

[글쓴이]

글