스마트 에디터 2.8.2.3

Question

네이버 스마트 에디터 2.8.2.3을 사용하여 이미지 업로드를 구현하고 있습니다. function html5Upload() { var tempFile, sUploadURL; sUploadURL= '/smartEditorImageUpload'; //upload URL //파일을 하나씩 보내고, 결과를 받음. for(var j=0, k=0; j < nImageInfoCnt; j++) { tempFile = htImageInfo['img'+j]; try{ if(!!tempFile){ //Ajax통신하는 부분. 파일과 업로더할 url을 전달한다. callAjaxForHTML5(tempFile,sUploadURL); k += 1; } }catch(e){} tempFile = null; } } function callAjaxForHTML5 (tempFile, sUploadURL){ var oAjax = jindo.$Ajax(sUploadURL, { type: 'xhr', method : "post", onload : function(res){ // 요청이 완료되면 실행될 콜백 함수 var sResString = res._response.responseText; if (res.readyState() == 4) { if(sResString.indexOf("NOTALLOW_") > -1){ var sFileName = sResString.replace("NOTALLOW_", ""); alert("이미지 파일(jpg,gif,png,bmp)만 업로드 하실 수 있습니다. ("+sFileName+")"); }else{ //성공 시에 responseText를 가지고 array로 만드는 부분. makeArrayFromString(res._response.responseText); } } }, timeout : 3, onerror : jindo.$Fn(onAjaxError, this).bind() }); oAjax.header("contentType","multipart/form-data"); oAjax.header("file-name",encodeURIComponent(tempFile.name)); oAjax.header("file-size",tempFile.size); oAjax.header("file-Type",tempFile.type); oAjax.request(tempFile); } @PostMapping("/smartEditorImageUpload") public void smartEditorImageUpload(HttpServletRequest request, HttpServletResponse response) { try { // 파일 정보 String sFileInfo = ""; // 원본 파일명 // String sFileName = imageFile.getOriginalFilename(); String sFileName = request.getHeader("file-name"); // sFileName = URLDecoder.decode(sFileName, "UTF-8"); System.out.println("sFileName!! = " + sFileName); // 파일 확장자 String sFileNameExt = sFileName.substring(sFileName.lastIndexOf(".")+1); // 확장자 소문자 변경 sFileNameExt = sFileNameExt.toLowerCase(); // 이미지 검증 배열 String[] allowFileArray = {"jpg", "png", "bmp", "gif"}; // 확장자 확인 int nCnt = 0; for (int i = 0; i < allowFileArray.length; i++) { if (sFileNameExt.equals(allowFileArray[i])) { nCnt++; } } // 허용된 확장자가 아니라면 if (nCnt == 0) { PrintWriter print = response.getWriter(); print.print("NOTALLOW_"+sFileName); print.flush(); print.close(); } else { // 디렉토리 설정 및 업로드 : 경로가 존재하지 않는다면 생성 // 파일 경로 String filePath = "/Test/upload/sever/"; File file = new File(filePath); if (!file.exists()) { file.mkdirs(); } String sRealFileName = ""; SimpleDateFormat formatter = new SimpleDateFormat("yyyyMMddHHmmss"); String today = formatter.format(new java.util.Date()); sRealFileName = today + UUID.randomUUID().toString() + sFileName.substring(sFileName.lastIndexOf(".")); String rlFileName = filePath + sRealFileName; System.out.println("sRealFileName = " + sRealFileName); System.out.println("rlFileName = " + rlFileName); // 서버에 파일쓰기 InputStream is = request.getInputStream(); OutputStream os = new FileOutputStream(rlFileName); System.out.println("outputStream = " + os); int num; System.out.println("size = " + request.getHeader("file-size")); byte[] b = new byte[Integer.parseInt(request.getHeader("file-size"))]; System.out.println("(num = is.read(b, 0, b.length)) = " + (num = is.read(b, 0, b.length))); System.out.println("b = " + b); System.out.println("b.length = " + b.length); while ((num = is.read(b, 0, b.length)) != -1) { os.write(b, 0, num); System.out.println("Read " + num + " bytes"); } if (is != null) { is.close(); } os.flush(); os.close(); // 이미지 sFileInfo = "&bNewLine=true"; // img 태그의 title 속성을 원본파일명으로 적용시켜주기 위함 sFileInfo += "&sFileName=" + sFileName; sFileInfo += "&sFileURL=" + "/upload/" + sRealFileName; log.info("sFileInfo {}", sFileInfo); PrintWriter printWriter = response.getWriter(); printWriter.print(sFileInfo); printWriter.flush(); printWriter.close(); } } catch (Exception e) { log.info("err ={}", e.getMessage()); } } 구글검색으로 참고해서 작성하였는데 이미지가 제대로 업로드 되지 않습니다. 2023-11-27T17:58:30.029+09:00 INFO 38712 --- [nio-8082-exec-3] org.apache.tomcat.util.http.Parameters : Character decoding failed. Parameter [' °*x_ð>ÑHûèD? E¸øâ©Ré<ÿù OX/¼ðÂRÿ4A%ô`Ê¾êà^SqÇñdï´ V Nþùÿ9Ñ7Ë/·NnÊ>ÆrÞàÜ ¯¼òýà?°¶sçNç|Rßiõß'ðI»Xüìg?s6q}B¹ÈÆIï³´}4häèXñqÜ1Kz'NáX7iÄéö{Ýj}¯'¦_ùÊWÜZ{]] with value [] has been ignored. Note that the name and value quoted here may be corrupted due to the failed decoding. Use debug level logging to see the original, non-corrupted values. Note: further occurrences of Parameter errors will be logged at DEBUG level.sFileName!! = Temp.pngsRealFileName = 20231127175830e69fa705-68cc-4cb8-a854-5c97b027f569.pngrlFileName = /Test/upload/sever/20231127175830e69fa705-68cc-4cb8-a854-5c97b027f569.pngoutputStream = java.io.FileOutputStream@5b107ca1size = 13620(num = is.read(b, 0, b.length)) = -1b = [B@5ee71798b.length = 13620 로그는 이와 같이 찍히구요 이 부분이 -1이 되는게 inputStream에 읽을 정보가 없어서 그런걸로 아는데 왜 이미지를 제대로 못가져오는지 해결할려면 어떻게 해야하는지 알고 싶습니다.

roggue2 · Answer

참조 : https://blog.naver.com/greygost/220767229738

스마트 에디터 2.8.2.3

1개의 답변

Q&A 목록