layui upload 上传大小限制

最新推荐文章于 2025-09-24 11:30:45 发布

原创最新推荐文章于 2025-09-24 11:30:45 发布 · 6.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript #upload

js 同时被 3 个专栏收录

3 篇文章

订阅专栏

layui

1 篇文章

订阅专栏

layui upload

1 篇文章

订阅专栏

本文介绍如何使用layui上传组件设置文件大小限制，包括最大和最小限制。通过修改源代码实现了对文件大小的有效验证。

百度了很多方法都没有成功，受到upload 限制文件最大kb 启发。添加了限制最小kb。废话不多说，上代码

upload.render({
   elem: '.test'
   ,accept:'file'
   ,exts:'pdf'
,size:"100"
   ,field:'myFile'
   ,before: function(inputObj){
   }
   ,done: function(res, index, upload){

   },error:function(error){

   }
   })

于是在我upload.render添加了msize。

upload.render({
   elem: '.test'
   ,accept:'file'
   ,exts:'pdf'
,size:"100"
   ,msize:'50'
......略

找到layui upload 组件

源代码：

//检验文件大小
if(options.size > 0 && !(device.ie && device.ie < 10)){
var limitSize;
layui.each(that.chooseFiles, function(index, file){
if(file.size > 1024*options.size){
var size = options.size/1024;
size = size >= 1 ? (size.toFixed(2) + 'MB') : options.size + 'KB'
elemFile.value = '';
limitSize = size;
}
});
if(limitSize) return that.msg('文件不能超过'+ limitSize);

}

更改后的：

//检验文件大小
if(options.size > 0 && !(device.ie && device.ie < 10)){
var limitSize;
var minSize;
layui.each(that.chooseFiles, function(index, file){
if(file.size > 1024*options.size){
var size = options.size/1024;
size = size >= 1 ? (size.toFixed(2) + 'MB') : options.size + 'KB'
elemFile.value = '';
limitSize = size;
}
if(file.size < 1024*options.msize){
var size1 = options.msize/1024;
size1 = size1 >= 1 ? (size1.toFixed(2) + 'MB') : options.msize + 'KB'
elemFile.value = '';
minSize = size1;
}
});
if(limitSize) return that.msg('文件不能超过'+ limitSize);
if(minSize) return that.msg('文件不能小于'+ minSize);