layui上傳文件類型怎么設(shè)置

小億
759
2024-01-05 03:17:27

在layui中，可以通過(guò)設(shè)置accept屬性來(lái)限制上傳文件的類型。

具體的設(shè)置方式如下：

  1. 在HTML中的<input>標(biāo)簽中設(shè)置accept屬性，例如：

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

    上述代碼表示只允許選擇后綴為.jpg、.png和.gif的文件。

  2. 使用JavaScript動(dòng)態(tài)設(shè)置accept屬性，例如：

    layui.use('upload', function(){
  var upload = layui.upload;
  upload.render({
    elem: '#uploadBtn',
    accept: 'images',  // 只允許上傳圖片文件
    done: function(res){
      // 上傳成功的回調(diào)函數(shù)
    },
    error: function(){
      // 上傳失敗的回調(diào)函數(shù)
    }
  });
});

    上述代碼中的accept屬性值可以為以下幾種情況：

    • images：只允許上傳圖片文件
    • file：允許上傳任意類型的文件
    • video：只允許上傳視頻文件
    • audio：只允許上傳音頻文件

以上就是在layui中設(shè)置上傳文件類型的方法。根據(jù)具體的需求，可以選擇適合的方式進(jìn)行設(shè)置。

0 踩