需求分析:上傳文件到服務器,想個辦法將其解析出來,然后保存在服務器里面去.
JQuery OCUpload一鍵上傳--one click upload
apache POI技術:
應用場景:網銀查詢明細的時候,下載明細記錄的時候,下載明細文件.這項技術就可以做.
ajax不支持文件上傳,:雖然它不刷新頁面.
之前有一個我們是這樣做的
$("#form").form("submit");
原理和上面一樣.
但是,為了讓頁面刷新,我們$("#from").submit();
下面的一鍵上傳的原理:
頁面加載完畢后,調用插件的upload方法,動態修改了HTML元素
eg:
<script type="text/javascript">
$(function(){
$("#button").upload({
action:'xxx.action',
name:'myFile'
});
});
</script>
<body>
<input type="button" id="button" value='上傳'></input>
</body>
我獲取到的生成過程
源碼的部分點
前端導入的文件,以及配置文件.必須按照順序來,他要創建一個表.所以盡量寫在表創建代碼的后邊一點,情況如下:
// 收派標準數據表格
$('#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'
});
測試服務端
先保證參數能傳過來
private File regionFile;
這是我們傳過來的參數
上傳文件所在的路徑