layui upload 多文件上传

最新推荐文章于 2025-09-11 02:24:52 发布

原创最新推荐文章于 2025-09-11 02:24:52 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui

layui 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了如何使用layui框架实现多文件上传功能，通过设置multiple参数为true，可实现多选文件并上传。文章提供了完整的代码示例，包括选择文件、上传前提示、上传成功与失败的回调处理。

前言

layui 选择多文件上传

语法

multiple: true

例子

upload.render({
        elem: '#openStudentCode',
        url: '/scoreSystem/openStudentCode',
        accept: 'file',
        exts: 'xml|txt|TXT|text|TEXT|class|java',
        multiple: true,
        auto: true,
        choose: function (obj) { },
        before: function (obj) {
            layer.msg('上传中，请稍等...', {icon: 1, time: 3000});
        },
        done: function (res) {
            if ('0000' != res.code || res.data.success != true) {
                layer.msg('上传失败！', {icon: 5, time: 3000});
            } else {
                setTimeout(function() {
                    layer.msg('上传成功！', {icon: 1, time: 3000});
                    codetableId.reload({ });
                    $("#div2").css("display", "none");
                    $("#codeTable").css("display", "block");
                },3000);
            }
        },
        error: function () { }
    });