easyui1.5 filebox控件中增加文件大小的验证规则

来源：互联网发布：相片编辑软件编辑：程序博客网时间：2024/06/07 13:56

代码：

$.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:

<input name="file" class="easyui-filebox" validType="fileSize:[10,'MB']">

js:

$('#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' ]});

End.

0 0