Javascript 引导验证程序无法处理文件输入
我有一个表单字段,它应该只接受特定文件大小的.jpg或.png图像。验证似乎不起作用(使用无效的文件类型进行测试)。这就是我到目前为止所拥有的,那么我错过了什么呢?我应该像这里一样工作 jsFiddle:Javascript 引导验证程序无法处理文件输入,javascript,jquery,Javascript,Jquery,我有一个表单字段,它应该只接受特定文件大小的.jpg或.png图像。验证似乎不起作用(使用无效的文件类型进行测试)。这就是我到目前为止所拥有的,那么我错过了什么呢?我应该像这里一样工作 jsFiddle: 图像裁剪器 重置 //隐藏控件,直到选中图像// $(“#重置,#渲染按钮,.render”).hide(); $(“#文件”)。单击(函数(){ $(“#重置,#渲染按钮”).show(); }); //仅在单击“渲染”按钮时显示渲染视图// $(“#渲染按钮”)。单击(函数(){ $(“
图像裁剪器
重置
//隐藏控件,直到选中图像//
$(“#重置,#渲染按钮,.render”).hide();
$(“#文件”)。单击(函数(){
$(“#重置,#渲染按钮”).show();
});
//仅在单击“渲染”按钮时显示渲染视图//
$(“#渲染按钮”)。单击(函数(){
$(“.render”).fadeIn(“慢”).animate({
对:'50px'
});
$(“.render,#结果_容器”).show();
})
//重置渲染视图//
$(“#重置”)。单击(函数(){
$(“.imgly容器”).empty();
});
$('#fileupload')。bootstrapValidator({
live:“已启用”,
字段:{
文件上载:{
验证器:{
文件:{
分机:“jpg,png”,
键入:“image/jpg,image/png”,
最小尺寸:1024*1024,
消息:“所选文件无效,或大小不够大!”
}
}
}
}
});
只需删除扩展名和类型中的空格即可
extension: 'jpg,png',
type: 'image/jpg,image/png',
见:
致以最良好的祝愿,
你失踪了
注意:{
消息:“此字段不能为空。”
}
所以你的代码应该是
validators: {
notEmpty: {
message: 'This field can not be empty.'
},
file: {
extension: 'jpg, png',
type: 'image/jpg, image/png',
minSize: 1024 * 1024,
message: 'The selected file is not valid, or the size is not large enough!'
}},
希望这能起作用。在您的小提琴中,您使用的是v0.4.5版本,minSize仅在v0.5.2版本中提供。我想您没有正确阅读这个问题的答案,因为我改变了处理输入验证的方式,不允许在文件选择器中使用
accept选择其他文件类型=“image/jpg,image/png,image/jpeg”
validators: {
notEmpty: {
message: 'This field can not be empty.'
},
file: {
extension: 'jpg, png',
type: 'image/jpg, image/png',
minSize: 1024 * 1024,
message: 'The selected file is not valid, or the size is not large enough!'
}},