需求
在页面端可以在页面不刷新情况下上传多个有大小限制的word文件,并返回文件保存的路径,同时可以删除误上传的文件。
效果
解决方案
通过使用jquery中一款上传文件插件来实现。
下载地址: http://plugins.jquery.com/uploadfile/
帮助文档:http://hayageek.com/docs/jquery-upload-file.php#showold
准备
- 下载该插件
- 该插件依赖jquery1.9.1版本(其它不清楚)
*在jsp页面中引入样式文件和js文件
</script><link href="css/uploadfile.css" rel="stylesheet">
<script src="js/jquery1.9.1/jquery.min.js"></script>
<script src="js/jquery.uploadfile.min.js"></script>
编写jsp页面
- 表单
<form id="newsform" method="post" action="control/news/add.action" enctype="multipart/form-data" >
<input type="hidden" name="columnId" value="${columnId }">
<input type="hidden" name="state" id="state" >
<div id="fileuploader">上传附件</div>
</form>
- js函数
我是直接写在了jsp页面中