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(); }
相关文章推荐
- ajaxfileupload实现文件异步上传
- 【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)
- jQuery异步上传文件插件ajaxFileUpload详细介绍
- 整合 jquery ajaxfileupload 文件异步上传实例
- 使用ajaxfileupload.js实现ajax上传文件php版
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- ajaxFileUpload+struts2实现多文件上传(动态添加文件上传框)
- springmvc + ajaxFileUpload多文件上传
- $.ajaxFileUpload文件上传
- ajaxfileupload上传文件
- Yii2 使用十二 配合ajaxFileUpload 上传文件
- springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- jquery插件ajaxFileUpload实现异步上传文件案例
- 文件上传功能 (ajaxfileupload.js)
- asp.net+ajaxfileupload.js 实现文件异步上传代码分享
- jquery ajaxFileUpload.js插件支持多文件上传的方法
- jquery插件--ajaxfileupload.js上传文件原理分析
- 解析ajaxFileUpload 异步上传文件简单使用
- ajaxfileupload+springMVC上传文件