Spring summernote 이미지 업로드 후 가져올때 GET 404에러가 발생합니다!

Question

섬머노트를 사용해서 이미지를 업로드한 후 게시글에 가져와주는 부분을 만들고 있습니다.업로드는 성공적으로 수행하여 프로젝트 내에 명시해 둔 디렉토리에 잘 들어갑니다. 이후 ajax success부분에서 저장된 이미지를 가져오는 코드가 수행될 때 GET 404에러가 발생합니다. 문제를 발생시키는 코드는 다음과 같습니다. $.ajax({ type:"post", url:"${pageContext.request.contextPath}/board/fileInsert", data:formData, enctype:"multipart/form-data", cache:false, contentType:false, processData:false, success:function(imageName){ imageName = imageName.trim(); var imagePath = "${pageContext.request.contextPath}/resources/images/boardImage/" + imageName; // 경로에 문제가 있는지 확인하기 위해 이미 저장된 이미지를 가져오는 코드 var testPath = "${pageContext.request.contextPath}/resources/images/boardImage/95aef410-6d9c-43b5-a04a-14c77c7c2167.png"; console.log("<"+imageName+">"); console.log("<"+imagePath+">"); $("#bcontent").summernote('editor.insertImage',testPath); // 이미 저장된 이미지 가져오기 $("#bcontent").summernote('editor.insertImage',imagePath); // 방금 업로드 된 이미지 가져오기 } }); }, 혹시나 경로에 문제가 있었는지 확인하기 위해 이미 저장되어있는 이미지를 가져오는 코드도 같이 수행시켜보았습니다. 결과로는 아래와 같이 기존에 저장되있던 이미지는 잘 가져왔으며 방금 저장된 이미지를 가져올때 GET 404에러가 검출됩니다. 에러와 log를 확대하면 이렇습니다. 경로에는 문제가 없다고 보는게 맞을거 같습니다.그렇다고 업로드가 수행된 이미지가 제대로 저장되지 않은것도 아닙니다.디렉토리를 보면 잘 저장되어있습니다. 혹시나 저장이 수행되는 시간보다 해당 코드가 먼저 수행되어 불러오지 못하는 것은 아닐까 하고 sleep 메소드를 만들어 5초간 기다리게 한 후 수행시켜도 결과는 동일했습니다. 이러한 증상에 대해 알고계시거나 도움을 주실수 있는분은 댓글 부탁드립니다!감사합니다 ㅠㅠ

citadel · Answer

혹시 개발하고 있는 환경이 Eclipse 에서 서버 run을 해서 보고 계시다면,이클립스에서 올린 경로와 서버에 반영되는 경로가 달라서이미지가 올라가 있어도 배포가 안되어 있는 경우일 수 있습니다.업로드 수행 후 Breakpoint 잡으시고이클립스에서 새로 고침 하고 잠시 기다리시면 업로드된 이미지가 tomcat으로 배포될 것이고그 후에 Breakpoint 이후를 실행하시면 이미지가 보일겁니다.

디카이드 · Answer

인텔리제이 사용 중인데 동일한 현상에 고생하고 있습니다. 해결하셨는지요 ㅠㅠ

Spring summernote 이미지 업로드 후 가져올때 GET 404에러가 발생합니다!

2개의 답변

#imageupload 목록