diyUpload를 이용하여 다중 사진 업로드 및 미리보기
1. aax 여러 이미지 업로드
2. 그림 미리 보기
구현:
1. 첨부 파일을 도입한 js
2.html 페이지:
<div id="test" >
</div>
<script type="text/javascript">
$('#test').diyUpload({
url:'${basePath}upload/img',
success:function( data ) {
console.info( data );
},
error:function( err ) {
console.info( err );
}
});
</script>
2. 자바 업로드 클래스 코드:
@Controller
@RequestMapping("upload")
public class UploadController {
private String processImg(HttpServletRequest request, String imageDir)
throws Exception {
String uuid = CommonUtils.getUUID();
request.setCharacterEncoding("UTF-8");
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
List<FileItem> items = upload.parseRequest(request);
Iterator<FileItem> itr = items.iterator();
while (itr.hasNext()) {
FileItem item = (FileItem) itr.next();
if (item.isFormField()) {
System.out.println(" :" + item.getFieldName() + ", :"
+ item.getString("UTF-8"));
} else {
System.out.println(" :" + item.getSize());
System.out.println(" :" + item.getContentType());
System.out.println(" :" + item.getName());
FileUtils.forceMkdir(new File(imageDir));
String file = imageDir + File.separator + uuid + "."
+ FilenameUtils.getExtension(item.getName());
item.write(new File(file));
return uuid + "." + FilenameUtils.getExtension(item.getName());
}
}
return uuid;
}
@RequestMapping(value = "/img", method = RequestMethod.POST)
@ResponseBody
public UploadResVo img(HttpServletRequest request) throws Exception {
if (!isLogin(request)) {
throw new RuntimeException(ExceptionMsg.UI_NOPERMISSION);
}
CommonProperties commonProperties = RequestContextUtils
.getWebApplicationContext(request).getBean(
"com.eqiurong.mp.vo.CommonProperties",
CommonProperties.class);
String imageDir = commonProperties.baseRealDir + File.separator
+ commonProperties.uploadDir + File.separator;
UploadResVo resVo = new UploadResVo();
MsgVo msg = new MsgVo();
String file = processImg(request, imageDir);
msg.setId(file);
msg.setLocalname(file);
msg.setUrl(commonProperties.basePath + commonProperties.uploadDir
+ File.separator + file);
resVo.setMsg(msg);
return resVo;
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.