jQuery OCUpload一键上传文件

时间:2023-03-09 14:42:17
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;
}
}