layui 上传文件进度回调弹框显示进度条

原创

于 2020-06-06 23:21:16 发布 · 2.9k 阅读

10 ·

CC 4.0 BY-SA版权

本文详细介绍了使用layui 2.5.6版本中的上传组件实现文件上传的方法，包括初始化上传组件、设置上传接口、限制上传文件类型、实时显示上传进度以及处理上传完成后的回调。

使用的是layui.all.js 2.5.6

    <!--Layui-->
    <script src="~/lib/layui/layui.all.js"></script>
    <link href="~/lib/layui/css/layui.css" rel="stylesheet" />

<script>

        var element = layui.element
            , form = layui.form
            , layer = layui.layer
            , table = layui.table
            , laydate = layui.laydate
            , util = layui.util
            , tree = layui.tree
            , upload = layui.upload;
        element.render();
    </script>

//初始化上传
        upload.render({
            elem: '#uploadcheckfile' //绑定元素
            , url: '/OA/API/GraduateCheckImport' //上传接口
            , accept: 'file' //允许上传的文件类型
            , exts: 'xls|xlsx'
            , choose: function (obj)
            {
                //选择文件后的回调函数
                //console.log(obj);
            }
            , before: funct