Html 5ファイルアップロード

2354 ワード

ファイルアップロード時にformのプロパティに注意:enctype=「multipart/form-data」
<form action="../event" method="post" enctype="multipart/form-data">

 
単一ファイルのアップロード:
<input type="file" name="eventImage" />

複数ファイル:
<input type="file" name="eventImage" multiple="true" />

 
 
 
JS制御ファイル数とサイズ:
var files=document.getElementsByName('picfile').files, fs=files.length, s=0;
if(fs >10 ){
	alert("         10  !     !");    
}else{
	for(var i=0;i<fs;i++){
		if(files[i].size > 1024*1024){
			alert('"'+files[i].name + "      1M!     !");
		}
	}
}

 
 
Html 5制御ファイルサイズ:
<input type="file" name="eventImage" multiple="true" size="80"/>

 
 
 
プロジェクトの必要に応じて、Java制御ファイルサイズ、Spring制御ファイルサイズが必要になる可能性があります.
java
public ResultVO createEvent(final MultipartHttpServletRequest request, final Long userId, final String lang,
            final CreateEventRequestVO createEventRequestVO) {
    final List<MultipartFile> fileList = request.getFiles("eventImage");
}

 Spring MVC
<!-- Upload -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

	<!-- Set the maximum allowed size (in bytes) before uploads are refused. -->
	<!-- -1 indicates no limit (the default). -->
	<property name="maxUploadSize" value="307200" /> <!-- 300KB, 1024*300 -->

	<property name="defaultEncoding" value="utf-8" />

	<!-- Set the maximum allowed size (in bytes) before uploads are written to disk. -->
	<!-- Uploaded files will still be received past this amount,but they will not be stored in memory. -->
	<!-- Default is 10240,according to Commons File Upload. -->
	<property name="maxInMemorySize" value="102400" /> <!-- 100KB, 1024*100 -->
</bean>