html5 里面有读取文件分割文件的类库,所以才可以支持断点上传,所以这个只能在html5 支持的浏览器上面展示。
同时,在js 和 java 同时使用 cr32 进行文件块的校验,保证数据上传正确。
代码在使用了最新的servlet 30 的api,使用了异步执行,监听等方法。
><form id="fileUpload" action="<%=basePath%>template/fileUploaddo" enctype="multipart/form-data" method="post" class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel" style="color: #15428b;">上传</h4>
</div>
<div class="modal-body">
<input type="file" name="targetFile">
<input type="file" name="targetFile">
<input type="file" name="targetFile">
</div>
<div class="modal-footer">
<button id="cancel" type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" class="btn btn-primary" onclick="uploadFile();" >确认</button>
</div>
</form>
@RequestMapping(value = "/fileUploaddo")
public String fileUpload(Model model, @RequestParam MultipartFile[] targetFile, >根本不需要那么麻烦,装一个扩展就实现了,代码都不用写。
AetherUpload-Laravel提供超大文件上传的Laravel扩展包,支持分组配置、断线续传、秒传等功能,简单易用,满足多数人的主流需求,无需编写适配代码,几乎开箱即用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)