您的位置:首页 > Web前端 > JavaScript

ajaxFileUpload多文件上传

2017-08-09 21:33 246 查看

1.ajaxfileupload.js无需修改

2.上传控件input

主要设置
multiple="multiple"


input id="mFile" name="mFile" type="file" onChange="uploadFile('mFile)" multiple="multiple"/>


3.js代码

function uploadFile(suffix){
$.ajaxFileUpload({
url:url,
fileElementId:,/上传空间id
type:'post',
dataType : 'json',
secureuri : false,
success:function(data, status){
alert('上传成功');
},
error:function(data, status, e){
alert("上传附件失败");
}
});
}


4.springmvc后台配置

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="utf-8" />
<property name="maxUploadSize" value="10485760000" />
</bean>


5.controller

后台接受参数mFile要与上传空间name对应

@RequestMapping("/uploadFiles")
@ResponseBody
public String uploadFiles(MultipartFile[] mFile) throws IOException
{
List<String> sFullFilePaths = new ArrayList<>();
String sFileName = "";
String sFullFilePath = "";
InputStream inputStream;

for(int i = 0;i < mFile.length;i++){
//获取文件名
sFileName = mFile[i].getOriginalFilename();
sFullFilePath = 生成保存路径;
//获取输入流
inputStream = mFile[i].getInputStream();
//读取inputStream 将文件保存

sFullFilePaths.add(sFullFilePath);
//返回保存文件路径的字符串
return sFullFilePaths.toString();
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息