## data-file 文件上傳插件
--
以 HTML 屬性的方式實現文件上傳
* data-type 限定允許上傳的文件類型
* data-field 綁定對應表單字段的name屬性
* data-file 設置文件上傳模式(one: 單文件上傳, mut: 多文件上傳)
```html
<input name='file-field'>
<button type='button' data-file='one' data-field='file-field' data-type='jpg,png,gif'>上傳文件</button>
```
以`JavaScript`實現圖片上傳,`input`上可以加`data-type`來設置上傳文件的后綴。
```html
<input name='file_field'>
<script>
$(function(){
$('[name="file_field"]').uploadOneImage();
});
</script>
```
以`JavaScript`實現多圖片上傳,`input`上可以加`data-type`來設置上傳文件的后綴。
```html
<input name='fiel_field'>
<script>
$(function(){
$('[name="file_field"]').uploadMultipleImage();
});
</script>
```
- ThinkAdmin
- 后臺開發介紹
- JS插件介紹與使用
- $.form 通用表單數據插件
- $.msg 通用消息彈出提示插件
- $.vali 通用表單驗證插件
- HTML默認綁定事件
- data-load 標準異常網絡請求
- data-open 內容區打開新頁
- data-modal Modal 彈出層
- data-reload 強制刷新內容區
- data-update 更新數據記錄
- data-href 打開新的網頁
- data-file 文件上傳
- data-iframe Iframe 打開網頁
- data-icon 打開圖標選擇器
- data-tips-image 顯示放大圖片
- data-tips-text 顯示文字TIPS
- data-phone-view 以手機模式顯示