자바 백 엔 드 SSM 프레임 워 크 이미지 업로드 기능 구현 방법 분석
(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 로 저장 하 는 것 을 고려 했 으 나 이것 이 좋 지 않다 고 생각 하여 사진 주 소 를 저장 하 는 방식 으로 업로드 하 였 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JPA + QueryDSL 계층형 댓글, 대댓글 구현(2)이번엔 전편에 이어서 계층형 댓글, 대댓글을 다시 리팩토링해볼 예정이다. 이전 게시글에서는 계층형 댓글, 대댓글을 구현은 되었지만 N+1 문제가 있었다. 이번에는 그 N+1 문제를 해결해 볼 것이다. 위의 로직은 이...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.