자바 백 엔 드 SSM 프레임 워 크 이미지 업로드 기능 구현 방법 분석

1.기술 개술
(1)이 기술 은 무엇 을 하 는가
이 기술 은 서버 에 그림 을 올 리 고 주 소 를 데이터베이스 에 저장 하 는 것 이다.전단 호출 시 주 소 를 통 해 호출 할 수 있 습 니 다.
(2)이 기술 을 배 운 이유
사용자 가 일 기 를 쓸 때 도 사진 을 올 릴 수 있 고 사용자 프로필 사진 도 올 릴 수 있 기 때문이다.
2.기술 상술
사용자 의 프로필 사진 을 업로드 하 는 것 을 예 로 들 면
(1)인터페이스 코드

	@RequestMapping(value = "user/profilePhoto", produces = "application/json; charset=utf-8")
	@ResponseBody
	public boolean imageUphold(@RequestParam("photo") MultipartFile file, Long phone) throws IOException {
		String filePath = ducumentBase;//        
		// String filePath = "/image";//       
		//           
		String originalFilename = file.getOriginalFilename();
		System.out.println("originalFilename: " + originalFilename);
		//       
		String newFileName = UUID.randomUUID() + originalFilename;
		//             
		filePath += "/" + phone;
		System.out.println("filePath: " + filePath);
		File targetFile = new File(filePath, newFileName);
		if (!targetFile.exists()) {
			targetFile.mkdirs();
		}
		//                     
		System.out.println("newFileName: " + newFileName);

		System.out.println("targetFile: " + targetFile.getName());
		System.out.println("phone: " + phone);
		//System.out.println("afterPhone");
		try {
			file.transferTo(targetFile);
		} catch (IllegalStateException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		String allPath=mappingPath + "/" + phone+ "/" + newFileName;
		System.out.println("     "+allPath);
		boolean result=onedayServiceImpl.updProfilePhoto(allPath, phone);//      ,  allPath       varchar(1000)
		return result;
	}
그 중의 ducument Base 및 mappingPath
@Value("${ducument.base}")
private String ducumentBase;
@Value("${mapping.path}")
private String mappingPath;
전역 변수
프로필
ducument.base = D://oneday_uphold
mapping.path = /images
(2)해석
MultipartFile 로 그림 의 바 이 너 리 코드 를 받 은 다음 경로+그림 이름+무 작위 로 그림 을 저장 합 니 다.
(3)테스트 jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>image/uphold</title>
</head>
<body>
  <form action="user/profilePhoto" method="post" enctype="multipart/form-data">
      :<input type="file" name="photo">
      :<input type="text" name="phone" value="13225942005">
    <input type="submit" value="  ">
  </form>
</body>
</html>
(4)그림 보이 기
두상
3.기술 사용 과정 에서 발생 하 는 문제 와 해결 과정
(1)저장 할 수 없 음:
이 클립 스 를 예 로 들 어 서버 설정 이 진행 되 었 는 지 확인 합 니 다.
Servers->Modules->External Web Modules 를 추가 하여 경 로 를 설정 합 니 다.
(2)인터페이스 에 접근 할 수 없 음:
폼 형식 으로 접근 할 지 여부:method="post"enctype="multipart/form-data"
동시에 올 린 이름 이 인터페이스 와 대응 하 는 지 여부
총화
원래 사진 을 업로드 할 때 데이터베이스 에 바 이 너 리 를 직접 올 려 blob 로 저장 하 는 것 을 고려 했 으 나 이것 이 좋 지 않다 고 생각 하여 사진 주 소 를 저장 하 는 방식 으로 업로드 하 였 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기