我需要检查图像尺寸。

当我上载图像时,如果图像文件大小大于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>

08-25 13:32
查看更多