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时,此文件不在预览区出现,或者能够删掉该文件的预览,同时不影响之前上传过的图片的预览

clipboard.png

该怎么做呢?

阅读 7.1k
1 个回答

bootstrap fileinput 的几个参数

    //minImageWidth: 50, //图片的最小宽度
    //minImageHeight: 50,//图片的最小高度
    //maxImageWidth: 1000,//图片的最大宽度
    //maxImageHeight: 1000,//图片的最大高度
    //maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题