解决 layui 上传大文件奔溃的问题。

文章讲述了在使用layui框架进行文件上传时遇到的大文件导致浏览器缓慢或崩溃的问题。作者发现问题是由于`obj.preview`函数引起的,决定放弃使用此功能并自定义检查函数来避免浏览器性能问题。解决方案包括检查文件大小并在上传前限制,确保文件不超过特定大小,以提高上传效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo</title>
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="//unpkg.com/layui@2.8.8/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<button type="button" class="layui-btn layui-btn-sm" id="upload1">上传文件</button>
</div>

<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
<script>
    layui.use(function(){
        let upload = layui.upload;
        let layer = layui.layer;
        // 渲染
        upload.render({
            elem: '#upload1', // 绑定多个元素
            url: '', // 此处配置你自己的上传接口即可
            accept: 'file', // 普通文件
            auto: false, //自动上传
            choose:function (obj) {
                let files = obj.pushFile();
                let index = 0;
                for (let key in files) {
                    {
                        let file =  files[key];
                        console.log(file.name);
                        console.log(file.size);
                        if (file.size > 5*1024*1024){
                            top.layer.msg('文件大小不能超过5M')
                        }else {
                            //可以触发上传
                            obj.upload(index , files[key]);
                            index++;
                        }
                    }
                }
            },
            done: function(res){
                layer.msg('上传成功');
                console.log(res);
            }
        });
    });
</script>
</body>
</html>

 layui 上传大文件奔溃经过排查是由于obj.preview函数造成的。还好不是不是上传函数,看看了觉决定放弃obj.preview函数 自己写检查函数。

参考:Layui上传大文件游览器巨慢或者崩溃问题_layui上传文件 浏览器崩溃_森小子的博客-CSDN博客

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

leehong0704

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值