首页 > 代码库 > spring html5 拖拽上传多文件
spring html5 拖拽上传多文件
注:这仅仅是一个粗略笔记。有些代码可能没用。兴许会再更新一个能够使用的版本号。不足之处,敬请见谅。
1。spring环境搭建,这里使用的是spring3的jar,须要同一时候引入common-IO 和common-fileupload的jar包。
1.1spring.XXX.xml文件配置bean
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value=http://www.mamicode.com/"${web.maxUploadSize}" />>value=http://www.mamicode.com/"xxxx"依据实际情况改动。>2.html表单
<form id="uploadForm" action="data/myData4PipeiUpload" method="post" enctype="multipart/form-data"> <div class="upload_box"> <div class="upload_main"> <div class="upload_choose"> <span id="fileDragArea" class="upload_drag_area">请将文件拖拽至此处上传</span> <input id="fileImage" size="30" name="fileselects[]" multiple="multiple" type="file"> </div> <div id="preview" class="upload_preview"></div> </div> <div id="uploadInf" class="upload_inf"></div> </div> <div class="upload_box"> 文件名2: <input name="fileFieName" id="fileFieName" /> </div> <DIV class="modal-footer"> <BUTTON class="btn btn-primary" type="submit" id="submitBut3" data-dismiss="modal">上传数据文件</BUTTON> </DIV> </form>2.1除了普通上传的一些格式要求之外。这里要注意多文件须要name=“XXX[]” multiple=“multiple"
<input id="fileImage" size="30" name="fileselects[]" multiple="multiple" type="file">2.2这里使用了upload.js和zxxFile.js。去配置相关參数3.后台代码编写两种方式。
3.1
@RequestMapping(value = http://www.mamicode.com/"/myData4PipeiUpload", method = RequestMethod.POST)>注意參数的获取要使用fileselects[]去获取列表3.2,直接将请求名称写入到@requestParam
@RequestMapping(value = http://www.mamicode.com/"/myData4PipeiUpload", method = RequestMethod.POST)>这样子就能够再进行兴许的操作。
spring html5 拖拽上传多文件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。