jQuery EasyUI / TopJUI can upload multiple attachments and delete operation
html
<table data-toggle="topjui-datagrid" data-options="id:'productDg', url:'../../json/datagrid/product-list.json'"> <thead> <tr> <th data-options="field:'id',title:'ID',checkbox:true"></th> <th data-options="field:'name',title:'商品名称'"></th> <th data-options="field:'code',title:'商品编号'"></th> <th data-options="field:'spec',title:'规格型号'"></th> <th data-options="field:'danwei',title:'规格型号'"></th> <th data-options="field:'sale_price', title: 'selling price' "> </ TH> <div the above mentioned id =" productDg-Toolbar "class = "topjui-toolbar" ! <- user table toolbar -> </ the Table> </ thead> </ TR> type: ' datagrid ', Data-Options =" Grid: { id:'productDg' }"> <!--<a href="javascript:void(0)" data-toggle="topjui-uploader" data-options="iconCls:'fa fa-check-circle', btnCls:'topjui-btn-brown', parentGrid:{ type:'datagrid', id:'productDg', unselectedMsg:'请先选中要上传附件的数据!' }">webUploader上传</a>--> <a href="javascript:void(0)" data-toggle="topjui-menubutton" data-options="method:'upload', extend:'#productDg-toolbar', iconCls:'fa fa-cloud-upload', title: 'Annex bulk upload' Dialog: { btnCls: 'topjui-BTN-Green', accept:'file', }, parentGrid: {type: 'DataGrid', ID: 'productDg'}, uploadURL with: _ctx + '/json/response/upload.json?uuid={uuid}' "> bulk upload </a> < / div>
Showcase the page
Select the file
Start upload
Note: Currently the bulk upload must have a Grid control interface to use, file upload interface in the form of pop show.
EasyUI Chinese network: http://www.jeasyui.cn
TopJUI front-end frame: http://www.topjui.com
TopJUI exchange community: http://ask.topjui.com