Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导验证程序无法处理文件输入_Javascript_Jquery - Fatal编程技术网

Javascript 引导验证程序无法处理文件输入

Javascript 引导验证程序无法处理文件输入,javascript,jquery,Javascript,Jquery,我有一个表单字段,它应该只接受特定文件大小的.jpg或.png图像。验证似乎不起作用(使用无效的文件类型进行测试)。这就是我到目前为止所拥有的,那么我错过了什么呢?我应该像这里一样工作 jsFiddle: 图像裁剪器 重置 //隐藏控件,直到选中图像// $(“#重置,#渲染按钮,.render”).hide(); $(“#文件”)。单击(函数(){ $(“#重置,#渲染按钮”).show(); }); //仅在单击“渲染”按钮时显示渲染视图// $(“#渲染按钮”)。单击(函数(){ $(“

我有一个表单字段,它应该只接受特定文件大小的.jpg或.png图像。验证似乎不起作用(使用无效的文件类型进行测试)。这就是我到目前为止所拥有的,那么我错过了什么呢?我应该像这里一样工作

jsFiddle:


图像裁剪器
重置
//隐藏控件,直到选中图像//
$(“#重置,#渲染按钮,.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!'
         }},