easyUI filebox限定文件大小
生活随笔
收集整理的这篇文章主要介绍了
easyUI filebox限定文件大小
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
代码：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | $.extend($.fn.validatebox.defaults.rules, { // filebox验证文件大小的规则函数 // 如：validType : ['fileSize[1,"MB"]'] fileSize : { validator : function(value, array) { var size = array[0]; var unit = array[1]; if (!size || isNaN(size) || size == 0) { $.error('验证文件大小的值不能为 "' + size + '"'); } else if (!unit) { $.error('请指定验证文件大小的单位'); } var index = -1; var unitArr = new Array("bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"); for (var i = 0; i < unitArr.length; i++) { if (unitArr[i] == unit.toLowerCase()) { index = i; break; } } if (index == -1) { $.error('请指定正确的验证文件大小的单位：["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"]'); } // 转换为bytes公式 var formula = 1; while (index > 0) { formula = formula * 1024; index--; } // this为页面上能看到文件名称的文本框，而非真实的file // $(this).next()是file元素 return $(this).next().get(0).files[0].size < parseFloat(size) * formula; }, message : '文件大小必须小于 {0}{1}' } }); |
使用方式：
html:
?| 1 | <input name="file" class="easyui-filebox" validType="fileSize:[10,'MB']"> |
js:
?| 1 2 3 4 5 6 7 8 9 10 | $('#file').filebox({ required : true, width : '300px', multiple : true, validType : ['fileSize[1024,"kb"]' ], buttonText : '请选择', buttonAlign : 'right', prompt : '请选择一个图片类型的文件', accept : [ 'image/jpg', 'image/bmp', 'image/jpeg', 'image/gif', 'image/png' ] }); |
转载于:https://www.cnblogs.com/zou-rong/p/10124221.html
总结
以上是生活随笔为你收集整理的easyUI filebox限定文件大小的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 冰桶算法的打击内容
- 下一篇： swift野梦抄袭 taylor_如何看