我需要检查图像尺寸。
当我上载图像时,如果图像文件大小大于1 MB,则会显示一条消息,但是当我上载文件大小小于1 MB的图像时,该消息不会隐藏。
这是我的代码:
html
<input id="image-file" type="file" name="file" />
<input type="submit" value="Upload" />
<div class="alert alert-danger imgSize">fdfdfdfdfdf</div>
js
$(document).on('change' ,'#image-file',function() {
if(this.files[0].size >= 1024){
$(".imgSize").fadeIn();
}else{
$(".imgSize").fadeOut();
alert("sdsd");
}
});
https://codepen.io/hesham-farag/pen/YJoKwm
最佳答案
在js中,文件大小以字节为单位:
尝试以下代码:
$(document).on('change' ,'#image-file',function() {
if(this.files[0].size >= (1 * 1024 * 1024)){
$(".imgSize").html("Image size is <b>more</b> than 1 mb.");
}else{
$(".imgSize").html("Image size is <b>less</b> than 1 mb.");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Upload image:<input id="image-file" type="file" name="file" />
<br><br>Message:
<div class="imgSize"></div>