layui上传支持 ‘#id‘ 和 ‘.class‘两种形式

最新推荐文章于 2021-10-08 21:37:28 发布

码农本农。

最新推荐文章于 2021-10-08 21:37:28 发布

阅读量263

点赞数

分类专栏：自用前端 layui 文章标签： layui 上传

本文链接：https://blog.csdn.net/qq_36441163/article/details/119827746

版权

自用同时被 3 个专栏收录

85 篇文章 0 订阅

订阅专栏

前端

44 篇文章 0 订阅

订阅专栏

layui

21 篇文章 0 订阅

订阅专栏

<button class="layui-btn uploadFile" data-id="' + row.projectExpeId + '">上传</button>

        // 加载成功后执行事件
        ajaxSuccess: function (data) {
            layui.upload.render({
                elem: '.uploadFile'
                , url: '${}/uploadFileUrl' //上传接口
                , field: 'file'
                , auto: true
                , accept: 'file'
                , before: function (obj) {
                    this.data = {'projectExpeId': this.item.attr('data-id')};
                    if (checkDeviceK().ie <= 9) {
                        for (var p in data) {
                            if (typeof (data[p]) == "function") {
                                data[p]();
                            } else {
                                this.item.parent().find('form[class=layui-upload-form]').eq(0).append('<input type="hidden" name="' + p + '" value="' + data[p] + '">')
                            }
                        }
                    }
                    layui.layer.load();
                }, done: function (res, index, upload) {
                    layui.layer.closeAll('loading'); //关闭loading
                    //上传完毕回调
                    if (res.status) {
                        layui.layer.alert("成功");
                    } else {
                        layui.layer.msg("失败！");
                    }
                },
                error: function (index, upload) {
                    layui.layer.closeAll('loading'); //关闭loading
                }
            });
        }

layui上传支持 '#id' 和 '.class'两种形式

经过测试支持ie8上传，可用于表格行里上传按钮