Html 5ファイルアップロード
2354 ワード
ファイルアップロード時にformのプロパティに注意:enctype=「multipart/form-data」
単一ファイルのアップロード:
複数ファイル:
JS制御ファイル数とサイズ:
Html 5制御ファイルサイズ:
プロジェクトの必要に応じて、Java制御ファイルサイズ、Spring制御ファイルサイズが必要になる可能性があります.
java
Spring MVC
<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>