layui上传文件类型怎么设置

avatar
作者
猴君
阅读量:8

在layui中,可以通过设置accept属性来限制上传文件的类型。

具体的设置方式如下:

  1. 在HTML中的<input>标签中设置accept属性,例如:

    <input type="file" name="file" accept=".jpg,.png,.gif"> 

    上述代码表示只允许选择后缀为.jpg、.png和.gif的文件。

  2. 使用JavaScript动态设置accept属性,例如:

    layui.use('upload', function(){   var upload = layui.upload;   upload.render({     elem: '#uploadBtn',     accept: 'images',  // 只允许上传图片文件     done: function(res){       // 上传成功的回调函数     },     error: function(){       // 上传失败的回调函数     }   }); }); 

    上述代码中的accept属性值可以为以下几种情况:

    • images:只允许上传图片文件
    • file:允许上传任意类型的文件
    • video:只允许上传视频文件
    • audio:只允许上传音频文件

以上就是在layui中设置上传文件类型的方法。根据具体的需求,可以选择适合的方式进行设置。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!