温馨提示×

layui上传文件类型怎么设置

小亿
820
2024-01-05 03:17:27
栏目: 编程语言

在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中设置上传文件类型的方法。根据具体的需求,可以选择适合的方式进行设置。

0