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

发布于 2022-09-02 14:24:58 字数 518 浏览 10 评论 0

目前项目使用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

该怎么做呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

淡水深流 2022-09-09 14:24:58

bootstrap fileinput 的几个参数

    //minImageWidth: 50, //图片的最小宽度
    //minImageHeight: 50,//图片的最小高度
    //maxImageWidth: 1000,//图片的最大宽度
    //maxImageHeight: 1000,//图片的最大高度
    //maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文