javascript - Bootstrap fileinput 如何取消不符合条件的图片预览

问题描述

问 题

目前项目使用bootstrap fileinput进行图片上传,设置的是每次只能选择并上传一张图片
在fileloaded函数中判断文件若小于150k禁止上传

$('#input-4').on('fileloaded', function(event, file, previewId, index, reader) {
if(file.size < 1024*150){
    alert("文件不能小于150KB");
    //$('#input-4').fileinput('cancel');
}
});

想要的情况是当判断文件小于150k时，此文件不在预览区出现，或者能够删掉该文件的预览，同时不影响之前上传过的图片的预览

该怎么做呢？

解决方案

bootstrap fileinput 的几个参数

    //minImageWidth: 50, //图片的最小宽度
    //minImageHeight: 50,//图片的最小高度
    //maxImageWidth: 1000,//图片的最大宽度
    //maxImageHeight: 1000,//图片的最大高度
    //maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小

这篇关于javascript - Bootstrap fileinput 如何取消不符合条件的图片预览的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！