jQuery OCUpload一键上传文件
1 引入相关的js文件
<!--引入OCUpload的js文件,之前需要引入jQuery的js文件 --> <script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"></script>
2 在页面中提供任意一个元素
<input type="button" id="mybutton" value="上传">
3 调用插件提供的upload方法,动态修改HTML页面元素
<script type="text/javascript"> $(function(){ //页面加载完成后,调用插件的upload方法,动态修改了HTML页面元素 $("#myButton").upload({
action:'regionAction_importXls.action',
name:'regionFile' }); }); </script>
4 服务端接收上传的文件
@Controller @Scope("prototype") public class RegionAction extends BaseAction<Region>{ //属性驱动,接收上传的文件 private File regionFile; public void setRegionFile(File regionFile) { this.regionFile = regionFile; } /** * 区域导入 */ public String importXls(){ System.out.println(regionFile); return NONE; } }