[File] 프로젝트 외부에 이미지 불러오기

 

프로젝트 내부에 있는 폴더로 접근하여 이미지 파일을 가져올 경우 주의할 점

<img src="/images/폴더명/img이름.jpg'" style="width:400px;height:400px;vertical-align:middle;"/>

 

여러 이미지(파일)를 프로젝트 내부에 추가 후 프로젝트를 빌드하게 되면 용량이 커 빌드 시간이 느려지고,

Git이나 SVN에 push에 제한이 있을 수 있다. 

 

그래서 이 방법보단 프로젝트 외부에 있는 폴더로 접근하여 사용하는 것 을 추천한다. 

 

*  프로젝트 외부에 있는 폴더로 접근하여 이미지 파일 가져오는 방법 * 

Globals.dir=/home/WEB_FILE/FILES/

globals.properties를 통해서 프로젝트 밖에 있는 경로를 설정 

/home/WEB_FILE/FILES/에 이미지들이 있어야 한다. 

 

js 

<img src="/common/getImg.do?fileNM='+item.fileNM+'"style="width:400px;height:400px;vertical-align:middle;"/>

 

 

controller 

@RequestMapping(value="/common/getImg.do" , method=RequestMethod.GET)
  public void getImg( 
    @RequestParam(value="fileNM") String fileNM,
    HttpServletResponse response) throws Exception{

    String DIR = globalProperties.getProperty("Globals.dir");
    String filePath = DIR+fileNM;

  getImage(filePath,response);
}

외부 설정 파일(globalProperties)에서 지정한 key값(Globals.mgeoDir)을 불러오면 DIR 변수에 해당 경로 값이 리턴된다.

public void getImage(String filePath, HttpServletResponse response) throws Exception{
	
	File file = new File(filePath);
	if(!file.isFile()){
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.write("<script type='text/javascript'>alert('조회된 정보가 없습니다.'); self.close();</script>");
		out.flush();
		return;
	}
	
	FileInputStream fis = null;
	new FileInputStream(file);
	
	BufferedInputStream in = null;
	ByteArrayOutputStream bStream = null;
	try {
		fis = new FileInputStream(file);
		in = new BufferedInputStream(fis);
		bStream = new ByteArrayOutputStream();
		int imgByte;
		while ((imgByte = in.read()) != -1) {
			bStream.write(imgByte);
		}

		String type = "";
		String ext = FilenameUtils.getExtension(file.getName());
		if (ext != null && !"".equals(ext)) {
			if ("jpg".equals(ext.toLowerCase())) {
				type = "image/jpeg";
			} else {
				type = "image/" + ext.toLowerCase();
			}

		} else {
			LOGGER.debug("Image fileType is null.");
		}

		response.setHeader("Content-Type", type);
		response.setContentLength(bStream.size());

		bStream.writeTo(response.getOutputStream());

		response.getOutputStream().flush();
		response.getOutputStream().close();

	} catch (Exception e) {
		LOGGER.debug("{}", e);
	} finally {
		if (bStream != null) {
			try {
				bStream.close();
			} catch (Exception est) {
				LOGGER.debug("IGNORED: {}", est.getMessage());
			}
		}
		if (in != null) {
			try {
				in.close();
			} catch (Exception ei) {
				LOGGER.debug("IGNORED: {}", ei.getMessage());
			}
		}
		if (fis != null) {
			try {
				fis.close();
			} catch (Exception efis) {
				LOGGER.debug("IGNORED: {}", efis.getMessage());
			}
		}
	}
}

 

 

test