quill editor를 사용해 이미지 업로드하기

Question

안녕하세요. 커뮤니티 프로젝트 중 게시판을 담당하고 있습니다.클라이언트는 react, 서버는 node, db는 mysql 사용하고 있어요.게시물 작성하는 페이지를 만들고 있는데 에디터가 있다는 사실을 알게 되었고 quill-editor를 선택해 사용하고 있습니다.그런데 이미지 추가 하는게 쉽지 않네요 ㅜㅜ mysql에 이미지가 올라가야 하는데 quill editor에 이미지를 넣게 되면 이미지의 이름이 base64로 너무 길어져 mysql에 그대로 넣을 수가 없습니다.찾아보다가 url로 변경해서 넣는 코드를 발견했는데 저는 코드를 적용하니 계속 에러가 떠요.서버에서는 잘 처리 하는 것 같은데 클라이언트에서 못 가져 오는 것 같습니다(추측) 이미지 업로드 부분 코드 보시고 문제점이나 다른 방법 아시는 분은 알려주시면 감사드리겠습니다!현재 상태폴더는 root폴더 안에 클라이언트 폴더와 서버 폴더, public폴더로 나뉘어있고 public폴더 안에 uploads폴더가 있습니다.게시글 작성 시 본문(editor)에 사진을 첨부하면 uploads폴더로 사진이 잘 저장되는데 본문에서는 이미지가 깨져서 나오고, 콘솔엔 이렇게 404에러가 뜹니다 ㅜㅜ서버 콘솔에는잘 뜹니다.클라이언트 코드입니다서버 코드입니다

으앙이 · Answer

src 속성이 어떻게 나오나요 ?

quill editor를 사용해 이미지 업로드하기

1개의 답변

Q&A 목록