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;
    }
}

 

posted @ 2018-04-12 20:54  Jepson6669  阅读(249)  评论(0编辑  收藏  举报