我有一个表单域,应该只接受某个文件大小的.jpg或.png图像。验证似乎没有工作(用无效的文件类型进行测试)。这是我到目前为止,所以我错过了什么?我应该像它在这里http://bootstrapvalidator.com/validators/file/Bootstrap Validator无法处理文件输入
的jsfiddle:http://jsfiddle.net/933yvfmh/3/
<div class="container-fluid">
<form id="fileupload">
<div class="row top">
<div class="col-md-4"></div>
<div class="col-md-4 logo">Image Cropper</div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel crop">
<div class="well">
<input type="file" mulitple name="fileupload" class="btn btn-default form-control" id="file" />
<button class="btn btn-default" id="reset">Reset</button>
<input id="renderButton" type="button" value="Render final image" class="btn btn-primary" />
</div>
<div class="panel-body">
<div id="container" class="well"></div>
</div>
</div>
</div>
<div class="col-md-6 render">
<div class="panel">
<div class="panel-body">
<div id="result_container" class="result thumbnail"></div>
</div>
</div>
</div>
</div>
</form>
</div>
//HIDE CONTROLS UNTIL IMAGE SELECTED//
$("#reset, #renderButton, .render").hide();
$("#file").click(function() {
$("#reset, #renderButton").show();
});
//ONLY SHOW RENDERED VIEW WHEN RENDER BUTTON CLICKED//
$("#renderButton").click(function() {
$(".render").fadeIn("slow").animate({
right: '50px'
});
$(".render, #result_container").show();
})
//RESET RENDER VIEW//
$("#reset").click(function() {
$(".imgly-container").empty();
});
$('#fileupload').bootstrapValidator({
live: 'enabled',
fields: {
fileupload: {
validators: {
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 **版本中可用。 – Arkni 2014-09-29 16:32:49
我认为你没有正确阅读这个问题的答案http://stackoverflow.com/questions/25649867/how-to-set-minsize-in-bootstrap-validator – Arkni 2014-09-29 16:35:34