초보 개발자의 기록

이미지 업로드-cos.jar(Oreilly) 본문

JAVA/JSP

이미지 업로드-cos.jar(Oreilly)

bambinodeveloper 2020. 12. 7. 00:01
728x90

업로드?

IO, Socket 모두 구현한다면 시간이 오래걸리므로,

이미 만들어진 라이브러리 이용

 

검증받은 라이브러리?

1. Maven (Apache운영)

2. 출판사에서 개발한 라이브러리

 

servlets.com/cos/

cos-20.08\doc 안의 index.html 이용하여 개발

send.html

data폴더

upload.jsp

 

send.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<style type="text/css">
*{margin-bottom:10px;}
</style>
<script type="text/javascript">
function send(){
	//서버에 제목 및 파일을 전송하자!
	//서버에 전송한다는 것은, 클라이언트로서, 요청한다는 뜻이고 
	//흔히 쓰는 요청방법은 2가지가 있다..(물론 여러종류가 더 있음)
	//업로드시 Post, Get 중 어떤 방법을 써야하는가?
	//데이터량이 많기 때문에 post 로 전송해야 한다. 
	//post로 전송하려면 입력양식의 범위를 설정하는 태그인 .form태그가 필요하다 
	form1.action="/gallery/upload.jsp"; //요청을 받을 서버의 주소
	form1.method="post"; //바이너리 파일을 포함될 경우 반드시  post로 ...
	form1.submit();//전송(요청)
}	
</script>
</head>
<body>
	<form name="form1" enctype="multipart/form-data">
		<input type="text" name="msg" placeholder="파일의 제목을 입력하세요"><br>
		<input type="file" name="photo"><br>
		<button onClick="send()">업로드</button>
	</form>
</body>
</html>

 

upload.jsp

<%@page import="java.io.File"%>
<%@page import="common.FileManager"%>
<%@page import="java.io.IOException"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@page import="com.oreilly.servlet.MultipartRequest"%>
<%
	/*
	클라이언트가 전송한 제목 텍스트 및 바이너리 파일을 서버의 특정 디렉토리에 저장해보자
	이런 처리를 업로드라 한다!!!
	*/
	request.setCharacterEncoding("utf-8"); //파라미터에 한글깨지지 않도록 인코딩처리
	//String msg =  request.getParameter("msg");//String 메시지 받기
	
	
	//request.getParameter("photo"); //불가능 , 이미지는 String형이 아니다
	//이미지는 글씨가 아닌 바이너리 파일이므로,  request.getParameter로는 받을 수 없다!!
	//따라서 IO , 네트워크등의 처리를 해야 하는데, 이 자체만으로도 하나의 개발 프로젝트일 것이다.
	//해결책??  누군가가 만든 라이브러리를 이용해서 개발시간을 단축하자!!!
	//현재 우리가 선택한 라이브러리는 cos.jar 라는 Oreilly 라는 출판사에서 제작한 컴포넌트이다!!
	String saveDirectory="D:/workspace/javaee_workspace/BoardApp/WebContent/data"; //하드디스크의 물리적 full 경로를 명시해야 한다
	int maxSize=2*1024*1024; //2M byte (1024 1키로바이트 1024*1024= 1메가바이트)
	String encoding="utf-8";
	
	//FileRenamePolicy policy : 업로드시, 동일한 파일을 업로드했을때?? 자동으로 이름을 부여한다..
	//예)  p.jpg  1p.jpg, 2.jpg (파일명은 개발자가 주도하여 명명하므로, policy를 굳이 이용할필요없다..)
	try{	 
		MultipartRequest multi=new MultipartRequest(request, saveDirectory,maxSize,encoding);//업로드 발생!! (요청객체, 저장경로, 업로드용량제한)
		//업로드 컴포넌트를 이용할 경우, 스트링 파라미터도 업로드 컴포넌트를 이용해야 한다!!!
		String msg=multi.getParameter("msg"); 
		out.print("님이 전송한 메시지는 "+msg);
		//업로드가 완료된 후, 즉 서버의 저장소에 파일이 존재하게 된후 해야할 일!!1
		//파일명을 개발자가 정한 규칙으로 변경해야 한다.. 현재시간의 밀리세컨트까지 구해보자!!
		long time = System.currentTimeMillis();
		//구한시간에 확장자를 붙이면 최종적으로  1607049947864.jpg
		out.print(time);
		
		//방금 업로드한 파일명 알아맞추기(업로드 컴포넌트가 알고있다..api 조사)
		String ori= multi.getOriginalFileName("photo"); 
		out.print("당신이 업로드한 로컬 원래 파일명은 "+ori);
		
		String ext = FileManager.getExtend(ori); 
		
		String filename = time+"."+ext;
		out.print("내가 조작한 파일명은 "+filename);
		
		//조작한 이름으로 파일명을 바꾸어야 함
		//결국 파일을 다루어야 하므로 javaSE의 File 클래스를 이용하면 된다!!!
		//File 클래스의 .api문서를 찾아서, 파일명을 바꾸는 메서드를 찾아보세요, 찾으면 제보하기!!!!
		//스트림과 상관없고, 파일을 제어하는 거라서 파일 클래스의 메서드를 찾아보세요 
		//renameTo라는 메서드를 열어보세요
		File savedFile = multi.getFile("photo");
		//기존File클래스의.renameTo(새롭게 만들파일)
		savedFile.renameTo(new File(saveDirectory+"/"+filename));//파일명 교체!!
		
		//클라이언트에게 전송할 응답정보를 가진 객체,
		//클라이언트의 브라우저로하여금, 지정한 URL로 재접속을 시도하게 만듦 
		response.sendRedirect("/gallery/photo_list.jsp");
	}catch(IOException e){ //비정상종료시에 "사이트에 연결할 수 없음" 일경우 유도한방향으로 만들어줌
		e.printStackTrace();//콘솔로그에 에러 출력, 관리자에게 이메일, sms..
		out.print("업로드 용량이 너무 큽니다");//서블릿 쓰레드 에러...(servlet 클래스를 다뤄야 함..)
	}
%>

 

에러났을 경우 에러해결하는 방법

C:\Tomcat8.5\logs 中 catalina / stderr

 

**servlet Class수업을 들어야 처리할 수 있음**

 

파일명을 바꾸는 메서드

반환형을 확인해서 메서드를 찾는것이 편리함

name - the html page's file parameter name.

 

jenkwon92/JavaEE_Workspace

Korea it academy JavaEE class. Contribute to jenkwon92/JavaEE_Workspace development by creating an account on GitHub.

github.com

 

728x90
반응형

'JAVA > JSP' 카테고리의 다른 글

이미지 보드  (0) 2020.12.08
이미지 업로드- commons(Apache)  (0) 2020.12.08
객체  (0) 2020.12.06
게시판만들기(EditPlus)  (0) 2020.12.06
로그인폼 만들기  (0) 2020.12.04
'JAVA/JSP' Related Articles more