在layui中,可以通過設置accept
屬性來限制上傳文件的類型。
具體的設置方式如下:
在HTML中的<input>
標簽中設置accept
屬性,例如:
<input type="file" name="file" accept=".jpg,.png,.gif">
上述代碼表示只允許選擇后綴為.jpg、.png和.gif的文件。
使用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中設置上傳文件類型的方法。根據具體的需求,可以選擇適合的方式進行設置。