jQueryのEasyUI / TopJUIは、複数の添付ファイルをアップロードし、操作を削除することができます
HTML
<表データトグル= "topjui-データグリッド"
データ・オプション= "ID： 'productDg'、
URL： '../../ JSON /データグリッド/製品list.json'">
<THEAD>
<TR>
<番目のデータ・オプション= "フィールド： 'ID'、タイトル： 'ID'、チェックボックス：真の"> </>目の
<番目のデータ・オプション= "フィールド： '名前'、タイトル： '商品名称'"> </目>
<データ・オプション番目= "フィールド： 'コード'、タイトル： '商品编号'"> </>目の
<データ・オプション番目= "フィールド： 'スペック'、タイトル： '规格型号'"> </ >番目の
"： 'danwei'、タイトル： '规格型号'フィールド"> </目> <番目のデータ・オプション=
<番目のデータ・オプション= "フィールド：'SALE_PRICE'、タイトル： '販売価格' "> </ TH>
</ TR>
</ thead要素>
</表>
< -テーブルツールバーのユーザー- >！
タイプ： "データグリッド」、
<divの上記のid =" productDg-ツールバー「クラス= "topjui-ツールバー"
データ・オプション= "グリッド：{
ID： 'productDg'
}">
<！ - <HREF = "javascriptの：無効（0）"
データトグル= "topjui-アップローダ"
データ・オプション= "iconCls：「FA FA-チェック円」、
btnCls： 'topjui-BTN褐色'、
parentGrid：{
タイプ： 'データグリッド'、
ID： 'productDg'、
unselectedMsg： '！请先选中要上传附件的数据'
} "> webUploader上传</a>の- >
<のhref = "javascriptを：無効（0）"
データ・トグル= "topjui-メニューボタン"
のデータ・オプション= "方法： 'アップロード'、
延長： '＃productDg-ツールバー'を、
iconCls： 'FA FA-クラウドアップロード'、
btnCls： 'topjui-BTN-グリーン'、
受け入れる： 'ファイルを'
ダイアログ：{
タイトル： '附属書一括アップロード'
}、
parentGrid：{タイプ： 'データグリッド'、ID： 'productDg'}、
uploadURL有する：_ctx + '/json/response/upload.json?uuid={uuid}'「>一括アップロードする</a>
< / DIV>
ページショーケース
ファイルを選択します
アップロードを開始
注意：現在、一括アップロードがポップショーの形式で、ファイルのアップロード・インターフェースを使用するには、グリッド制御インタフェースを持っている必要があります。
EasyUI中国のネットワーク：http://www.jeasyui.cn
TopJUIフロントエンドフレーム：http://www.topjui.com
TopJUI交換コミュニティ：http://ask.topjui.com