LayUI upload上传组件使用exts属性指定上传文件的后缀名，过滤掉其他格式的文件

ゞ浴缸里的玫瑰 2023-10-05 15:29 36阅读 0赞

#### 1 HTML代码 ####

#### 2 JS代码 ####

$(function(){
        initUpload();
    });
    //初始化上传组件
    function initUpload(){
        layui.use(['upload'], function () {
            var upload = layui.upload;
            //单文件上传
            upload.render({
                elem: '#selectFile',
                url: "upload.aspx",
                accept: 'file',
                exts: 'jpg|png',//限制上传文件的后缀名，用|分隔
                multiple: false,
                auto: true,//是否自动上传，true自动上传,false手动上传
                size: 50 * 1024,//单位kb
                choose: function (obj) {
                    obj.preview(function (index, file, result) {
                        $("#fileDiv").val(file.name);
                    });
                },
                done: function (res, index, upload) {
                    if (res.Code == 1) { //上传成功
                        alert("上传成功");
                    }
                    else {
                        alert("上传失败！");
                    }
                },
                error: function (index, upload) {
                    alert("上传失败！");
                }
            });
        });
    }

#### 3 最终效果图 ####

![20201210194507313.png][]

[20201210194507313.png]: https://img-blog.csdnimg.cn/20201210194507313.png