Jquery 正在验证输入类型=文件
如何使用jQuery验证用户是否在单击上载按钮时选择了图像。我可以限制上传图像的分辨率吗??例如:仅允许分辨率高于900 x 400的图像。 下面是我正在使用的表格Jquery 正在验证输入类型=文件,jquery,html,Jquery,Html,如何使用jQuery验证用户是否在单击上载按钮时选择了图像。我可以限制上传图像的分辨率吗??例如:仅允许分辨率高于900 x 400的图像。 下面是我正在使用的表格 <form id='eventImage' action='upload_temp_image.php' method='POST' enctype='multipart/form-data'> <input type='text' class='form-control' name='image_name' id
<form id='eventImage' action='upload_temp_image.php' method='POST' enctype='multipart/form-data'>
<input type='text' class='form-control' name='image_name' id='image_name'/>
<input type='file' name='event_image' id='event_image' />
<input type='submit' name='upload' value='Upload' />
</form>
看一看这本书
演示:
或者,如果您想使用mimetype,请查看
演示:嘿,我不知道人们是否仍然有这个问题,但如果你想让用户只上传图像,而不上传其他内容,只需在
之后添加accept=“image/*”
$("#eventImage").validate({
rules: {
image_name: {
required : true
},
// validate the input type=file
},
image_name: {
new_name: "Please enter a Category name!",
event_image: "Please select an image"
}
});
$("#eventImage").validate({
rules: {
image_name: {
required: true
},
event_image: {
required: true,
extension: "png|jpg"
}
},
messages: {
event_image: {
extension: "Please select an image"
}
}
});
$("#eventImage").validate({
rules: {
image_name: {
required: true
},
event_image: {
required: true,
accept: "image/*"
}
},
messages: {
event_image: {
accept: "Please select an image"
}
}
});