Merge pull request #1290 from layui/revert-1289-revert-1287-2.x

恢复 #1287
2023-06-20 09:49:19 +08:00 · 2023-06-20 09:49:19 +08:00 · bf5fa9d771
parent 489b849592 ddbf760c59
commit bf5fa9d771
15 changed files with 227 additions and 114 deletions
--- a/dist/css/layui.css
+++ b/dist/css/layui.css
--- a/dist/layui.js
+++ b/dist/layui.js
--- a/docs/layer/index.md
+++ b/docs/layer/index.md
@ -248,6 +248,7 @@ layer.prompt({
 | 私有属性 | 描述 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | photos | 图片层的数据源，格式详见下述示例。 | object | - |
+| hideFooter <sup>2.8+</sup> | 是否隐藏底部栏 | boolean | `false` |
 | tab | 图片层切换后的回调函数，返回的参数见下述示例 | function | - |

 该方法用于弹出图片层，基于 `type: 1`（即 `page` 层）的自定义内容。 
--- a/docs/table/examples/demo.md
+++ b/docs/table/examples/demo.md
@ -82,7 +82,7 @@ layui.use(['table', 'dropdown'], function(){
      {type: 'checkbox', fixed: 'left'},
      {field:'id', fixed: 'left', width:80, title: 'ID', sort: true, totalRowText: '合计：'},
      {field:'username', width:80, title: '用户'},
-      {field:'email', title:'邮箱 <i class="layui-icon layui-icon-tips layui-font-14" title="该字段开启了编辑功能" style="margin-left: 5px;"></i>', fieldTitle: '邮箱', hide: 0, width:150, edit: 'text'},
+      {field:'email', title:'邮箱 <i class="layui-icon layui-icon-tips layui-font-14" lay-event="email-tips" title="该字段开启了编辑功能" style="margin-left: 5px;"></i>', fieldTitle: '邮箱', hide: 0, width:150, edit: 'text'},
      {field:'sex', width:80, title: '性别', sort: true},
      {field:'city', width:115, title: '城市', minWidth:115, templet: '#cityTpl', exportTemplet: function(d, obj){
        // console.log(obj)
@ -285,7 +285,18 @@ layui.use(['table', 'dropdown'], function(){
      break;
    };
  });
- 
+
+  // 表头自定义元素工具事件 --- 2.8.8+
+  table.on('colTool(test)', function(obj){
+    var event = obj.event;
+    console.log(obj);
+    if(event === 'email-tips'){
+      layer.alert(layui.util.escape(JSON.stringify(obj.col)), {
+        title: '当前列属性配置项'
+      });
+    }
+  });
+  
  // 触发单元格工具事件
  table.on('tool(test)', function(obj){ // 双击 toolDouble
    var data = obj.data; // 获得当前行数据
--- a/docs/table/index.md
+++ b/docs/table/index.md
@ -532,7 +532,8 @@ table.hideCol('test', false); // `true` or `false`
 |  event | 描述 |
 | --- | --- |
 | [toolbar](#on-toolbar) | 头部工具栏事件 |
-| [sort](#on-sort) | 排序切换事件 |
+| [sort](#on-sort) | 表头排序切换事件 |
+| [colTool](#on-colTool) <sup>2.8.8+</sup> | 表头自定义元素工具事件 |
 | [colResized](#on-colResized) <sup>2.8+</sup> | 列拖拽宽度后的事件 |
 | [colToggled](#on-colToggled) <sup>2.8+</sup> | 列筛选（显示或隐藏）后的事件 |
 | [row / rowDouble](#on-row) | 行单击和双击事件 |
@ -632,6 +633,32 @@ table.on('sort(test)', function(obj){
 });
 ```

+<h3 id="on-colTool" lay-pid="table.on" class="ws-anchor ws-bold">表头自定义元素工具事件 <sup>2.8.8+</sup></h3>
+
+`table.on('colTool(filter)', callback);`
+
+点击表头单元格中带有 `lay-event` 属性的自定义元素触发，可充分借助该事件扩展 table 更多的操作空间。
+
+```js
+var table = layui.table;
+ 
+// 渲染
+table.render({
+  elem: '#test',
+  cols: [[
+    {field:'username', title:'用户名 <i class="layui-icon layui-icon-username" lay-event="username"></i>'
+  ]]
+  // … // 其他属性
+});
+ 
+// 列拖拽宽度后的事件
+table.on('colTool(test)', function(obj){
+  var col = obj.col; // 获取当前列属性配置项
+  var options = obj.config; // 获取当前表格基础属性配置项
+  var layEvent = obj.event; // 获得自定义元素对应的 lay-event 属性值
+  console.log(obj); // 查看对象所有成员
+});
+```

 <h3 id="on-colResized" lay-pid="table.on" class="ws-anchor ws-bold">列拖拽宽度后的事件 <sup>2.8+</sup></h3>

@ -700,6 +727,7 @@ table.render({
 // 行单击事件
 table.on('row(test)', function(obj){
  var data = obj.data; // 得到当前行数据
+  var dataCache = obj.dataCache; // 得到当前行缓存数据，包含特定字段 --- 2.8.8+
  var index = obj.index; // 得到当前行索引
  var tr = obj.tr; // 得到当前行 <tr> 元素的 jQuery 对象
  var options = obj.config; // 获取当前表格基础属性配置项
@ -804,6 +832,7 @@ layui.use(function(){
  // 单元格工具事件
  table.on('tool(test)', function(obj){
    var data = obj.data; // 得到当前行数据
+    var dataCache = obj.dataCache; // 得到当前行缓存数据，包含特定字段 --- 2.8.8+
    var index = obj.index; // 得到当前行索引
    var layEvent = obj.event; // 获得元素对应的 lay-event 属性值
    var tr = obj.tr; // 得到当前行 <tr> 元素的 jQuery 对象
--- a/docs/upload/detail/options.md
+++ b/docs/upload/detail/options.md
@ -227,6 +227,20 @@ acceptMime: 'image/jpeg, image/png` // 只筛选 jpg,png 格式图片

 `false`

+</td>
+    </tr>
+    <tr>
+<td>unified <sup>2.8.8+</sup></td>
+<td>
+  
+选择多文件时，是否统一上传，即只发送一次请求。
+
+</td>
+<td>boolean</td>
+<td>
+
+`false`
+
 </td>
    </tr>
    <tr>
--- a/docs/versions.md
+++ b/docs/versions.md
@ -12,25 +12,46 @@ toc: true
 > 导读：📑 [Layui 2.8 《升级指南》](/notes/2.8/upgrade-guide.html) · 📑 [Layui 新版文档站上线初衷](/notes/2.8/news.html)


+<h2 id="2.8.8" class="ws-anchor">
+  2.8.8 
+  <span class="layui-badge-rim">2023-06-20</span>
+</h2>
+
+- #### form
+  - 新增 `input` 获取焦点时的光环效果，以提升当前活动输入框的辨别度
+  - 取消 上个版本对 `select` 开启搜索时 `value` 的改动，由于存在若干不可控的影响
+- #### table
+  - 新增 `colTool` 事件，点击表头自定义元素触发，并返回当前列的相关信息，提升 table 的可玩性
+  - 新增 `row,tool,checkbox,radio` 事件返回的 `dataCache` 属性，可获得当前行缓存数据，包含特定字段
+- #### upload
+  - 新增 `unified` 属性，用于选择多文件时是否统一上传，即只发送一次请求 # I6Z171
+- #### 其他
+  - 优化 `layui.js,layer.js` 部分代码细节 # 1285
+
+### 下载： [layui-v2.8.8.zip](https://gitee.com/layui/layui/attach_files/1444527/download)
+
+---
+
 <h2 id="2.8.7" class="ws-anchor">
  2.8.7 
  <span class="layui-badge-rim">2023-06-16</span>
 </h2>

-#### form
-  - 优化 `select` 开启搜索时输入状态，将值转义到 `placeholder`，便于输入 # 1280
-#### table
+- #### form
+  - ~~优化 `select` 开启搜索时输入状态，将值转移到 `placeholder`，便于输入~~ # 1280
+    <br>*注：由于存在若干影响，该项功能已在 `2.8.8` 中取消*
+- #### table
  - 新增 表头复选框的半选效果，当数据项部分选中且未全选时显示
  - 优化 `table.setRowChecked()` 方法，新增当前行选中背景色，便于与 hover 等活动背景色区分
  - 剔除 `table.setRowChecked()` 方法中的 `selectedStyle` 属性，因为没有实质意义
  - 优化 表头部分字段为 `hide` 在数据异常的情况下可能出现的表头错位的问题 # 1281
  - 优化 `done` 回调函数，新增参数 `origin` 用于区分重载和重新渲染数据 # 1281
  - 加强 `ignoreExport` 表头属性，允许指定不排除哪些字段 # 1281
-#### treeTable
+- #### treeTable
  - 新增 `view.expandAllDefault` 属性，用于设置是否默认展开全部节点 # 1281
  - 修复 开启排序且在 `done` 回调中执行了 `expandAll` 展开全部导致死循环问题 # 1281
  - 修复 执行 `treeTable.reload(id)` 若 `id` 未匹配到对应实例时出现的报错问题 # 1281/I7CXLN
-#### grid
+- #### grid
  - 修复 space30 和 space32 边距相同的问题 # I7D7YP

 ### 下载： [layui-v2.8.7.zip](https://gitee.com/layui/layui/attach_files/1441026/download)
--- a/examples/table-test.html
+++ b/examples/table-test.html
@ -157,11 +157,11 @@ layui.use(['table', 'dropdown'], function(){
      {type: 'checkbox', fixed: 'left'}
      //,{type: 'numbers', fixed: 'left'}
      ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计：'}
-      ,{field:'username', title:'用户名', width:120, edit: function(d){
+      ,{field:'username', title:'用户名 <i class="layui-icon layui-icon-username" lay-event="username"></i>', width:120, edit: function(d){
        return !d.LAY_DISABLED;
      }, templet: '#usernameTpl'}
      ,{field:'xxx', title:'测试', edit: 'text'}
-      ,{field:'email', minWidth: 160, maxWidth: 320, title:'邮箱 <i class="layui-icon layui-icon-email"></i>', fieldTitle: '邮箱', hide: 0, edit: 'text', templet: function(d){
+      ,{field:'email', minWidth: 160, maxWidth: 320, title:'邮箱 <i class="layui-icon layui-icon-email" lay-event="email"></i>', fieldTitle: '邮箱', hide: 0, edit: 'text', templet: function(d){
        return '<em>'+ layui.util.escape(d.email) +'</em>'
      }}
      ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true, escape: false}
@ -421,7 +421,7 @@ layui.use(['table', 'dropdown'], function(){
    });
  });
  
-  // 工具栏事件
+  // 头部工具栏事件
  table.on('toolbar(test)', function(obj){
    var id = obj.config.id;
    var checkStatus = table.checkStatus(id);
@ -445,6 +445,11 @@ layui.use(['table', 'dropdown'], function(){
    };
  });

+  // 表头自定义元素工具事件
+  table.on('colTool(test)', function(obj){
+    console.log(obj);
+  });
+
  //触发单元格工具事件
  table.on('tool(test)', function(obj){ // 双击 toolDouble
    var data = obj.data;
@ -489,7 +494,7 @@ layui.use(['table', 'dropdown'], function(){
  
  // 行单击事件
  table.on('row(test)', function(obj){
-    // console.log(obj);
+    console.log(obj);
    // layer.closeAll('tips');
    obj.setRowChecked({
      // type: 'radio'
--- a/examples/upload.html
+++ b/examples/upload.html
@ -92,9 +92,9 @@ hr{margin: 30px 0;}
 <script src="../src/layui.js" src1="https://cdn.staticfile.org/layui/2.6.8/layui.js"></script>
 <script>
 layui.use(['upload', 'element'], function(){
-  var $ = layui.jquery
-  ,upload = layui.upload
-  ,element = layui.element;
+  var $ = layui.$;
+  var upload = layui.upload;
+  var element = layui.element;

  var uploadInst = upload.render({
    elem: '#test1'
@ -103,7 +103,7 @@ layui.use(['upload', 'element'], function(){
    //,accept: 'file'
    ,method: 'get'
    ,fileAccept: 'image/*'
-    ,exts: "jpg|png|gif|bmp|jpeg|pdf"
+    ,exts: 'jpg|png|gif|bmp|jpeg|pdf'
    ,data: { //额外参数
      a: 1
      ,b: function(){
@ -162,7 +162,8 @@ layui.use(['upload', 'element'], function(){
  upload.render({
    elem: '#test2'
    ,url: 'https://httpbin.org/post'
-    ,multiple: true
+    ,multiple: true // 多文件
+    ,unified: true // 一起上传 ---  2.8.8+
    ,accept: 'images'
    ,number: 3 //同时上传的数量
    ,size: 1024
@ -172,18 +173,18 @@ layui.use(['upload', 'element'], function(){
        $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
      });

-      //this.files = obj.pushFile();
+      // this.files = obj.pushFile();
    }
    ,done: function(res, index){
-      //上传完毕
-      //console.log(this.files)
+      // 上传完毕
+      console.log(res, index)
    }
    ,allDone: function(obj){
      console.log(obj)
    }
  });
  
-  //演示多文件列表
+  // 演示多文件列表 ---  本示例仅演示未开启 unified 属性的情况
  var demoListView = $('#demoList');
  var uploadListIns = upload.render({
    elem: '#testList'
@ -247,6 +248,7 @@ layui.use(['upload', 'element'], function(){
    }
    ,progress: function(n, elem, e, index){
      console.log(n);
+      console.log(index);
      element.progress('progress-'+ index, n + '%'); //进度条
    }
  });
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "layui",
-  "version": "2.8.7",
+  "version": "2.8.8",
  "description": "Classic modular Front-End UI library",
  "main": "dist/layui.js",
  "license": "MIT",
--- a/src/css/layui.css
+++ b/src/css/layui.css
@ -720,7 +720,7 @@ a cite{font-style: normal; *cursor:pointer;}
 .layui-select::-webkit-input-placeholder{line-height: 1.3;}
 .layui-input, .layui-textarea{display: block; width: 100%; padding-left: 10px;}
 .layui-input:hover, .layui-textarea:hover{border-color: #d2d2d2 !important;}
-.layui-input:focus, .layui-textarea:focus{border-color: #d2d2d2 !important;}
+.layui-input:focus, .layui-textarea:focus{border-color: #16b777 !important; box-shadow: 0 0 0 3px rgba(22,183,119,0.08);}
 .layui-textarea{position: relative; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}
 .layui-select{padding: 0 10px;}
 .layui-form select,
@ -744,7 +744,7 @@ a cite{font-style: normal; *cursor:pointer;}

 /* 警告条 */
 .layui-form-danger:focus,
-.layui-form-danger+.layui-form-select .layui-input{border-color: #ff5722 !important;}
+.layui-form-danger+.layui-form-select .layui-input{border-color: #ff5722 !important; box-shadow: 0 0 0 3px rgba(255,87,34,0.08);}


 /* 输入框点缀  */
@ -780,7 +780,7 @@ a cite{font-style: normal; *cursor:pointer;}
 .layui-input-wrap .layui-input-prefix,
 .layui-input-wrap .layui-input-suffix,
 .layui-input-wrap .layui-input-split{pointer-events: none;}
-.layui-input-wrap .layui-input:focus + .layui-input-split{border-color: #d2d2d2;}
+.layui-input-wrap .layui-input:focus + .layui-input-split{border-color: #16b777;}
 .layui-input-wrap .layui-input-prefix.layui-input-split{border-width: 0; border-right-width: 1px;}

 /* 输入框动态点缀  */
@ -1011,7 +1011,9 @@ a cite{font-style: normal; *cursor:pointer;}
 .layui-table-view .layui-table[lay-skin="row"]{border-width: 0; border-bottom-width: 1px;}
 .layui-table-view .layui-table th,
 .layui-table-view .layui-table td{padding: 0; border-top: none; border-left: none;}
+.layui-table-view .layui-table th [lay-event],
 .layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor: pointer;}
+.layui-table-view .layui-table th span,
 .layui-table-view .layui-table td{cursor: default;}
 .layui-table-view .layui-table td[data-edit]{cursor: text;}
 .layui-table-view .layui-table td[data-edit]:hover:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #16B777; pointer-events: none; content: "";}
--- a/src/layui.js
+++ b/src/layui.js
@ -16,7 +16,7 @@
  };

  var Layui = function(){
-    this.v = '2.8.7'; // Layui 版本号
+    this.v = '2.8.8'; // Layui 版本号
  };
  
  // 识别预先可能定义的指定全局对象
--- a/src/modules/form.js
+++ b/src/modules/form.js
@ -317,14 +317,6 @@ layui.define(['lay', 'layer', 'util'], function(exports){
            if(top + dlHeight > $win.height() && top >= dlHeight){
              reElem.addClass(CLASS + 'up');
            }
-            
-            // 删除 input 已有文本并放入 placeholder，方便输入
-            var inputValue = $.trim(input.val());
-            // 有值时才删除并替换 placeholder
-            if(inputValue){
-              input.attr('placeholder', inputValue);
-              input.val(''); // 清空输入框的值
-            }

            followScroll();
          };
--- a/src/modules/table.js
+++ b/src/modules/table.js
@ -1809,13 +1809,13 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
    var _BODY = $('body');
    var dict = {};

-    // 工具栏操作事件
+    // 头部工具栏操作事件
    that.layTool.on('click', '*[lay-event]', function(e){
-      var othis = $(this)
-      ,events = othis.attr('lay-event')
-      ,openPanel = function(sets){
-        var list = $(sets.list)
-        ,panel = $('<ul class="' + ELEM_TOOL_PANEL + '"></ul>');
+      var othis = $(this);
+      var events = othis.attr('lay-event');
+      var openPanel = function(sets){
+        var list = $(sets.list);
+        var panel = $('<ul class="' + ELEM_TOOL_PANEL + '"></ul>');

        panel.html(list);

@ -1948,6 +1948,21 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
      },{}));
    });

+    // 表头自定义元素事件
+    that.layHeader.on('click', '*[lay-event]', function(e){
+      var othis = $(this);
+      var events = othis.attr('lay-event');
+      var th = othis.closest('th');
+      var key = th.data('key');
+      var col = that.col(key);
+
+      layui.event.call(this, MOD_NAME, 'colTool('+ filter +')', $.extend({
+        event: events,
+        config: options,
+        col: col
+      },{}));
+    });
+
    // 分页栏操作事件
    that.layPagebar.on('click', '*[lay-event]', function(e){
      var othis = $(this);
@ -2113,6 +2128,7 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
        tr: tr, // 行元素
        config: options,
        data: table.clearCacheKey(data), // 当前行数据
+        dataCache: data, // 当前行缓存中的数据
        index: index,
        del: function(){ // 删除行数据
          table.cache[that.key][index] = [];
--- a/src/modules/upload.js
+++ b/src/modules/upload.js
@ -182,78 +182,97 @@ layui.define(['lay','layer'], function(exports){
      return files || that.files || that.chooseFiles || elemFile.files;
    };
    
-    //高级浏览器处理方式，支持跨域
+    // 高级浏览器处理方式，支持跨域
    var ajaxSend = function(){
      var successful = 0;
-      var failed = 0
+      var failed = 0;
      var items = getFiles();
-      var allDone = function(){ // 多文件全部上传完毕的回调
+
+      // 多文件全部上传完毕的回调
+      var allDone = function(){
        if(options.multiple && successful + failed === that.fileLength){
          typeof options.allDone === 'function' && options.allDone({
-            total: that.fileLength
-            ,successful: successful
-            ,failed: failed
+            total: that.fileLength,
+            successful: successful,
+            failed: failed
          });
        }
      };
-      layui.each(items, function(index, file){
+
+      // 发送请求
+      var request = function(sets){
        var formData = new FormData();
-        
-        //追加额外的参数
+
+        // 追加额外的参数
        layui.each(options.data, function(key, value){
          value = typeof value === 'function' ? value() : value;
          formData.append(key, value);
        });
-        
-        //最后添加 file 到表单域
-        formData.append(options.field, file);
-        
-        //提交文件
+
+        // 添加 file 到表单域
+        sets.unified ? layui.each(items, function(index, file){
+          formData.append(options.field, file);
+        }) : formData.append(options.field, sets.file);
+
+        // ajax 参数
        var opts = {
-          url: options.url
-          ,type: 'post' //统一采用 post 上传
-          ,data: formData
-          ,contentType: false 
-          ,processData: false
-          ,dataType: 'json'
-          ,headers: options.headers || {}
-          //成功回调
-          ,success: function(res){
-            successful++;
-            done(index, res);
+          url: options.url,
+          type: 'post', // 统一采用 post 上传
+          data: formData,
+          contentType: false,
+          processData: false,
+          dataType: 'json',
+          headers: options.headers || {},
+          success: function(res){ // 成功回调
+            options.unified ? (successful += that.fileLength) : successful++;
+            done(sets.index, res);
            allDone();
-          }
-          //异常回调
-          ,error: function(e){
-            failed++;
+          },
+          error: function(e){ // 异常回调
+            options.unified ? (failed += that.fileLength) : failed++;
            that.msg([
              'Upload failed, please try again.',
              'status: '+ (e.status || '') +' - '+ (e.statusText || 'error')
            ].join('<br>'));
-            error(index);
+            error(sets.index);
            allDone();
          }
        };
-        //进度条
+        // 进度条
        if(typeof options.progress === 'function'){
          opts.xhr = function(){
            var xhr = $.ajaxSettings.xhr();
-            //上传进度
+            // 上传进度
            xhr.upload.addEventListener("progress", function (obj) {
              if(obj.lengthComputable){
-                var percent = Math.floor((obj.loaded/obj.total)* 100); //百分比
-                options.progress(percent, (options.item ? options.item[0] : options.elem[0]) , obj, index);
+                var percent = Math.floor((obj.loaded/obj.total)* 100); // 百分比
+                options.progress(percent, (options.item ? options.item[0] : options.elem[0]) , obj, sets.index);
              }
            });
            return xhr;
          }
        }
        $.ajax(opts);
-      });
-    }
+      };
+
+      // 多文件是否一起上传
+      if(options.unified){
+        request({
+          unified: true,
+          index: 0
+        });
+      } else {
+        layui.each(items, function(index, file){
+          request({
+            index: index,
+            file: file
+          });
+        });
+      }
+    };
    
-    //低版本 IE 处理方式，不支持跨域
-    ,iframeSend = function(){
+    // 低版本 IE 处理方式，不支持跨域
+    var iframeSend = function(){
      var iframe = $('#'+ ELEM_IFRAME);
    
      that.elemFile.parent().submit();
@ -275,10 +294,10 @@ layui.define(['lay','layer'], function(exports){
          done(0, res);
        }
      }, 30); 
-    }
+    };
    
-    //统一回调
-    ,done = function(index, res){
+    // 统一回调
+    var done = function(index, res){
      that.elemFile.next('.'+ ELEM_CHOOSE).remove();
      elemFile.value = '';
      
@ -296,74 +315,75 @@ layui.define(['lay','layer'], function(exports){
      typeof options.done === 'function' && options.done(res, index || 0, function(files){
        that.upload(files);
      });
-    }
+    };
    
-    //统一网络异常回调
-    ,error = function(index){
+    // 统一网络异常回调
+   var error = function(index){
      if(options.auto){
        elemFile.value = '';
      }
      typeof options.error === 'function' && options.error(index || 0, function(files){
        that.upload(files);
      });
-    }
+    };
    
-    ,exts = options.exts
-    ,check ,value = function(){
+    var check;
+    var exts = options.exts;
+    var value = function(){
      var arr = [];
      layui.each(files || that.chooseFiles, function(i, item){
        arr.push(item.name);
      });
      return arr;
-    }()
+    }();
    
-    //回调返回的参数
-    ,args = {
-      //预览
+    // 回调函数返回的参数
+    var args = {
+      // 预览
      preview: function(callback){
        that.preview(callback);
-      }
-      //上传
-      ,upload: function(index, file){
+      },
+      // 上传
+      upload: function(index, file){
        var thisFile = {};
        thisFile[index] = file;
        that.upload(thisFile);
-      }
-      //追加文件到队列
-      ,pushFile: function(){
+      },
+      // 追加文件到队列
+      pushFile: function(){
        that.files = that.files || {};
        layui.each(that.chooseFiles, function(index, item){
          that.files[index] = item;
        });
        return that.files;
-      }
-      //重置文件
-      ,resetFile: function(index, file, filename){
+      },
+      // 重置文件
+      resetFile: function(index, file, filename){
        var newFile = new File([file], filename);
        that.files = that.files || {};
        that.files[index] = newFile;
      }
-    }
+    };
    
-    //提交上传
-    ,send = function(){      
-      //上传前的回调 - 如果回调函数明确返回false，则停止上传(#pulls55)
+    // 提交上传
+    var send = function(){      
+      // 上传前的回调 - 如果回调函数明确返回 false，则停止上传
      if(options.before && (options.before(args) === false)) return;

-      //IE兼容处理
+      // IE兼容处理
      if(device.ie){
        return device.ie > 9 ? ajaxSend() : iframeSend();
      }
      
      ajaxSend();
-    }
+    };
    
-    //文件类型名称
-    ,typeName = ({
-      file: '文件'
-      ,images: '图片'
-      ,video: '视频'
-      ,audio: '音频'
+    // 文件类型名称
+    var typeName = ({
+      file: '文件',
+      images: '图片',
+      video: '视频',
+      audio: '音频'
    })[options.accept] || '文件';

    //校验文件格式