컨트롤러 반응이 없습니다.

Question

writePost.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> writePost.js(//저장 버튼을 누를 시 수행할 함수 부분부터 보셔도 됩니다.)$(document).ready(function() { const editor = document.getElementById('editor'); const btnBold = document.getElementById('btn-bold'); const btnItalic = document.getElementById('btn-italic'); const btnUnderline = document.getElementById('btn-underline'); const btnStrike = document.getElementById('btn-strike'); const btnJustifyFull = document.getElementById('btn-justify-full'); const btnJustifyRight = document.getElementById('btn-justify-right'); const btnJustifyLeft = document.getElementById('btn-justify-left'); const btnJustifyCenter = document.getElementById('btn-justify-center'); const btnOrderedList = document.getElementById('btn-ordered-list'); const btnUnorderedList = document.getElementById('btn-unordered-list'); const btnImage = document.getElementById('btn-image'); const imageSelector = document.getElementById('img-selector'); const categories = $(".writeCategory"); btnBold.addEventListener('click', function() { setStyle('bold'); }); btnItalic.addEventListener('click', function() { setStyle('italic'); }); btnUnderline.addEventListener('click', function() { setStyle('underline'); }); btnStrike.addEventListener('click', function() { setStyle('strikeThrough'); }); btnJustifyFull.addEventListener('click', function() { setStyle('justifyFull'); }); btnJustifyRight.addEventListener('click', function() { setStyle('justifyRight'); }); btnJustifyLeft.addEventListener('click', function() { setStyle('justifyLeft'); }); btnJustifyCenter.addEventListener('click', function() { setStyle('justifyCenter'); }); btnOrderedList.addEventListener('click', function() { setStyle('insertOrderedList'); }); btnUnorderedList.addEventListener('click', function() { setStyle('insertUnorderedList'); }); function setStyle(style) { var isEdited = document.execCommand(style); // 버튼 클릭 시 에디터가 포커스를 잃기 때문에 다시 에디터에 포커스를 해줌 editor.focus({ // 새로 포커스를 맞춘 요소를 보기 위해 스크롤을 하는데, 이 스크롤 행위를 막을 것인지를 결정하는 옵션. // true면 포커스가 들어와도 스크롤이 되지 않음. preventScroll : true }); } btnImage.addEventListener('click', function() { imageSelector.click(); }); //기존에 있던 카테고리를 누르면 값이 변함. categories.each(function(index, item) { item.addEventListener('click', function() { $("#categoryInput").val($(item).text()); }); }); imageSelector.addEventListener('change', function(e) { const files = e.target.files; // !! : undefined, "", 0이면 false. 나머지는 true. if (!!files) { insertImageDate(files[0]); } }); //이미지 파일 올릴 때 사용하는 함수 function insertImageDate(file) { var file_kind = imageSelector.value.lastIndexOf('.'); var file_name = imageSelector.value.substring(file_kind + 1, imageSelector.length); var file_type = file_name.toLowerCase(); var check_file_type = [ 'jpg', 'gif', 'png', 'jpeg', 'bmp', 'tif' ]; if (check_file_type.indexOf(file_type) == -1) { alert('이미지 파일만 업로드를 할 수 있습니다.'); } else { const reader = new FileReader(); reader.addEventListener('load', function(e) { editor.focus({ preventScroll : true }); //bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) /* * HTML 문서가 designMode로 전환되면, 즉 편집 가능한 상태라면 이 함수를 사용할 수 있다. * 이 함수는 문서의 편집 가능한 영역에 있는 요소들을 편집할 수 있도록 해준다. * 파라미터 * aCommandName : 실행할 명령어. 사용 가능한 명령어는 검색이 필요함. * aShowDefaultUI : 기본 사용자 UI를 나타내고 싶다면 true. * aValueArgument : 명령어에 따라 파라미터가 필요할 수 있음. 필요없다면 null, 필요하다면 넣어줄 것. * 반환값 bool : 정상적으로 적용되었다면 true, 명령어가 적절하지 않거나 실패한 경우 false. * */ document.execCommand('insertImage', false, `${reader.result}`); }); reader.readAsDataURL(file); } } //저장 버튼을 누를 시 수행할 함수 $("#savePost").click(function() { var errMsg = ""; //공란 검사 //제목 if(!$("#titleInput").val().trim()) { errMsg = "제목을 입력하세요."; } //카테고리 if(!errMsg && !$("#categoryInput").val().trim()) { errMsg = "카테고리를 입력하세요."; } //내용 - 사진도 없고 텍스트도 없으면 공란으로 판단, 둘 중 하나라도 있으면 공란이 아님. if(!errMsg && $("#editor").find("img").length == 0 && !$("#editor").text().trim()) { errMsg = "내용을 입력하세요."; } if(errMsg) { alert(errMsg); } else { $("#postForm").attr("action", "savePost.do"); $("#contentHtml").val($("#editor").html()); console.log($("#contentHtml").val()); $("#postForm").submit(); } }); });HomeController.java 중 일부//미완성 - 게시글 저장 @RequestMapping(value = "/savePost.do") @ResponseBody public void savePost(HttpServletRequest request, HttpSession session) { System.out.println("들어옴"); //이미지와 같은 큰 데이터를 받기 위해, form에서 enctype="multipart/form-data"을 설정했다면 //일반적으로 request.getParameter로 받을 수 없다. //다른 방법을 적용해 보자. /* * 전송한 폼에 담겨진 파라미터들에 대한 이름과 값을 얻어내기 위해,그리고 * * 로 지정된 파일을 서버상의 한 폴더에 업로드하기 위해서 특별한 컴포넌트가 필요하다. * * 따라서 http://servlets.com 에서 제공하는 cos.jar 파일에 있는 필요한 컴포넌트를 사용하기 위해 이를 WEB-INF lib에 * 설치하였다. */ String path = "D:/git/wsBlog/Diaret/src/main/webapp/resources/userData"; SqlSessionFactory temp = null; SqlSession sqlSession = null; MultipartRequest mr = null; try { mr = new MultipartRequest(request, path, 1024*1024*10, "utf-8", new DefaultFileRenamePolicy()); System.out.println("들어옴"); System.out.println(mr.getParameter("title")); System.out.println(mr.getParameter("category")); System.out.println(mr.getParameter("contentHtml")); temp = sqlSessionFactory.getObject(); sqlSession = temp.openSession(); } catch (Exception e) { e.printStackTrace(); } finally { sqlSession.close(); } } 게시글 작성이 다 끝나고 저장 버튼을 누르면작성자가 contenteditable="true"인 div 영역에서 작성한 내용을게시글로 저장하고, 이를 조회하는 것을 만들려고 합니다.다만 편집 가능한 div 영역 내부에는 글, 이미지가 아무렇게나 여러개 섞여서 들어갈 수 있어요.그래서 원체 데이터 처리가 너무 까다롭게 느껴져서,div 안에 입력된 모든 요소들을 html()로 그대로 긁어와서,다른 jsp파일을 프로젝트 내부에 생성하여 저장하려는 생각으로 만드는 중이었습니다.(물론 프로젝트 내부에 만드는 방법이 좋다고 생각하진 않습니다..유저가 많아질 수록 프로젝트가 무거워지니.. 근데 다른 방법은 이해하기 힘들어서 이렇게라도 만들었어요 ㅠ) 어쨌거나, 이러다 보니까 넘어가는 데이터가 일반적인 request로는 먹히질 않아MultipartRequest를 쓰게 되었습니다.문제는 form에 action 속성을 주고 submit을 했음에도 불구하고콘솔창에는 아무것도 뜨지 않았습니다.savePost.do로 들어오면 맨 처음 해야 할일이 System.out.println("들어옴"); 거든요.이것 조차도 출력이 안됩니다. 이유가 무엇일까요...? 너무 답답해서 올립니다 ㅠㅠ

NullAble · Accepted Answer

&#64;RequestMapping(value&#61;&#34;/url&#34;, method&#61;{RequestMethod.POST})

사탄아저씨 · Answer

&#43; 딴 건 다 먹힙니다. 유독 savePost.do만 반응이 없네요

사탄아저씨 · Answer

NullAble 답변 감사합니다... 하지만 다른 방법으로 고쳤어요 ㅎㅎ보니까 프로젝트에 빨간색 !표시 있더라고요원인을 보니까 라이브러리 파일을 잘못 적용하여 삭제한 적이 있었는데해당 라이브러리의 build path는 그대로 남아있어서 오류가 났더군요 ㅠㅠㅠ

컨트롤러 반응이 없습니다.

3개의 답변

#multipartrequest 목록