## 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 以手机模式显示