JSP에서 cos라이브러리를 통한 파일 업로드를 진행 할때 form, action으로 인한 페이지 이동에 대한 문제.

Question

안녕하세요~채팅 프로그램중 파일 업로드 기능을 구현하고 있습니다.다만 문제는 채팅 페이지에서 파일 업로드를 진행함에 있어서 form 을 통해서 파일을 업로드 하는데submit을 하게되면 action 에 있는 페이지로 이동을 하면서 채팅 연결이 끊어지고 맙니다.그래서 같은 페이지내에서 form을 처리하는 방법이 없나 궁금합니다.일전에 검색해보았을때는 action 속성에 빈값을 주면 자기 자신에게 form 전송을 하게 된다고 들었는데그렇게 되면 아래의 upload.jsp 내용을 어떻게 적용시켜야할지 감이 잘 잡히지 않습니다.. 요약 하자면 chat.jsp -> 파일 선택 -> chat.js -> form 전송 -> upload.jsp 순서로 파일을 업로드 합니다.하지만 form 전송후 jsp 페이지 이동으로 인하여 chat.jsp 에서 진행되던 채팅 연결 종료.따라서 chat.jsp 페이지를 유지하면서 파일을 업로드 하고 싶습니다. 많은 관심 부탁드리겠습니다. chat.jsp chat.js$scope.checkImgFile = function(event){ $("form").submit(); } upload.jsp <% //파일을 저장할 Path 설정 String savePath = application.getRealPath("./upload"); //파일 크기 제한 int sizeLimit = 5*1024*1024; if(request.getContentType().startsWith("multipart/form-data")){ MultipartRequest mr = new MultipartRequest(request, savePath, sizeLimit, "utf-8",new DefaultFileRenamePolicy()); //FileUp.html 파일에서 form 태그에서의 File name인 testfile을 가지고 옴 File file = mr.getFile("uploadfile"); long fileSize = file.length(); String fileName = file.getName(); if(fileName == null){ out.print("파일 업로드 실패"); }else{ out.println("파일명 : " + fileName + "
"); out.println("파일크기 : " + fileSize + "
"); out.println("파일설명 : " + mr.getParameter("desc") + "
"); } } %> <%=savePath %>

MANIK · Accepted Answer

> iFrame을 하나 두어 form의 target을 iFrame으로 해줘도 되구요, > jquery.form.js을 사용하여 ajaxForm Submit으로 해줘도 되요.

sooni88 · Answer

먼저 친절한 답변 감사합니다. 2번째 방법인 ajaxForm은 지식이 부족하여... 실질적으로 사용하기 힘들거 같습니다...1번째 방법에서 설명해주신 iFrame을 하나 두어서 form의 target을 그쪽으로 둔다면결국 업로드 실행 시 다른 페이지를 iFrame을 통해서 보여 주어야 하는 것이 아닌가요?아니면 iFrame 태그만 두고 따로 보여주지는 않는 것인가요? 디스플레이 none 으로 놓고요.. 일단 저는 같은 페이지내에서 다 표현해주고싶은데... 실질적으로 힘든 부분일까요....

MANIK · Answer

음,, 다 표현해주신다는게 어떤의미인지 모르겠지만,, iFrame 이 upload.jsp가 되고, parent로 chat.jsp로 접근할 수도 있어요.

JSP에서 cos라이브러리를 통한 파일 업로드를 진행 할때 form, action으로 인한 페이지 이동에 대한 문제.

3개의 답변

Q&A 목록