新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

layui上传文件类型如何设置,layui 文件上传

发布时间:2024-01-05 03:17:27

layui上传文件类型如何设置

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