轉載自:https://www.2cto.com/kf/201701/574667.html

侵刪

easyui1.5filebox控件中增加文件大小的驗證規則

2017-01-07 09:22:00 ???????? 來源：a307433749的專欄??

收藏???我要投稿

代碼：

?

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限定文件大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。