01区域数据导入功能

需求分析:上传文件到服务器,想个办法将其解析出来,然后保存在服务器里面去.
JQuery OCUpload一键上传--one click upload
apache POI技术:
应用场景:网银查询明细的时候,下载明细记录的时候,下载明细文件.这项技术就可以做.

ajax不支持文件上传,:虽然它不刷新页面.


01区域数据导入功能_第1张图片

之前有一个我们是这样做的

$("#form").form("submit");原理和上面一样.
但是,为了让页面刷新,我们$("#from").submit();

下面的一键上传的原理:
页面加载完毕后,调用插件的upload方法,动态修改了HTML元素
eg:




    

01区域数据导入功能_第2张图片
我获取到的生成过程
01区域数据导入功能_第3张图片
源码的部分点
01区域数据导入功能_第4张图片

前端导入的文件,以及配置文件.必须按照顺序来,他要创建一个表.所以尽量写在表创建代码的后边一点,情况如下:

// 收派标准数据表格
        $('#grid').datagrid({
            iconCls : 'icon-forward',
            fit : true,
            border : false,
            rownumbers : true,
            striped : true,
            pageList : [ 30, 50, 100 ],
            pagination : true,
            toolbar : toolbar,
            url : "json/region.json",
            idField : 'id',
            columns : columns,
            onDblClickRow : doDblClickRow
        });

        //页面加载完成后,调用Upload插件的方法
        $("#button-import").upload({
            action:'regionAction_importXls.action',
            name:'regionFile'
        });

测试服务端

01区域数据导入功能_第5张图片
先保证参数能传过来

private File regionFile;
这是我们传过来的参数

01区域数据导入功能_第6张图片
上传文件所在的路径

你可能感兴趣的:(01区域数据导入功能)