[프로젝트] 썸머노트 파일 처리하기

1/8~1/9

 

네이버 스마트 에디터 사용을 포기하고 썸머노트를 사용하기로 했다.

파일처리하는데 꽤 많은 시간을 쏟아부었다

//  ------ 글 내용 js 시작 ------
	$(document).ready(function() {
		function sendFile(file){
			var data = new FormData();	
			data.append("file",file);
				$.ajax({
				  url: 본인 주소 적어주면 됨.
				  type: "POST",
				  enctype: 'multipart/form-data',
				  data: data,
				  cache: false,
				  contentType : false,
				  processData : false,
				  success: function(image){	
					$('#summernote').summernote('insertImage',image);
					},
					 error: function(e){console.log(e);}  
					});	
				}

					
                    // summernote 
                    $('#summernote').summernote({
                    height :300,
                    minHeight:null,
                    maxHeight:null,
                    focus:true,
                    lang : "ko-KR",
                    placeholder: '내용을 입력해주세요',
                    callbacks: {
                    onImageUpload : function(files){
                    sendFile(files[0]);
                    }
                    }
                    });



}); //ready

 

 

@ResponseBody
	@PostMapping("/profileImage")
	public void summer_image(MultipartFile file, HttpServletRequest request,
	    HttpServletResponse response) throws Exception {
		   
	  response.setContentType("text/html;charset=utf-8");
	  String uploadPath = "/Users/hongmac/Documents/upload/";
	  //String uploadPath = "/Users/hongmac/Documents/WebProject/ImFind/src/main/webapp/resources/el/images/";
	      
	  PrintWriter out = response.getWriter();
	  String originalFileExtension = file.getOriginalFilename(); 
	  String storedFileName = UUID.randomUUID().toString().replaceAll("-", "");// + originalFileExtension

	  System.out.println("storedFileName : " + storedFileName);
	  file.transferTo(new File(uploadPath+storedFileName));
	  out.println("/imfind/upload/"+storedFileName);
	   out.close();
}

 

계속 파일을 첨부해도 사진을 불러오지 못했는데

원인은

 

server.xml에 docBase를 추가해주지 않아서였다. 

 

 

경로... 진짜 헷갈리고 어렵다