js获取上传图片真实的尺寸大小和存储大小

快来打我* 2022-07-15 16:22 274阅读 0赞

</pre><pre name="code" class="html"><input id="file" type="file">
    <input id="Button1" type="button" value="button" onclick="check()">
    <script>
    window.check=function(){
    var input = document.getElementById("file");
    if(input.files){
                    //读取图片数据
      var f = input.files[0];
      var reader = new FileReader();
      reader.onload = function (e) {
          var data = e.target.result;
          //加载图片获取图片真实宽度和高度
          var image = new Image();
          image.onload=function(){
              var width = image.width;
              var height = image.height;
              alert(width+'======'+height+"====="+f.size);
          };
          image.src= data;
      };
          reader.readAsDataURL(f);
      }else{
    	  var image = new Image(); 
    	  image.onload =function(){
    		  var width = image.width;
    		  var height = image.height;
    		  var fileSize = image.fileSize;
    		  alert(width+'======'+height+"====="+fileSize);
    	  }
    	  image.src = input.value;
      }
    }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript头像图片上传插件支持上传类型大小尺寸验证

一行代码实现头像上传，图片大小、尺寸，类型验证 html调用 <img src="这里放默认头像" id="preview" onclick="uploader

清疚/ 2024年03月22日 10:12/ 0 赞/ 55 阅读

相关 jquery校验图片尺寸，大小

<input type="file" name="files" id="file12" uploadType="png" οnchange="checkImg(this)" /

红太狼/ 2024年02月17日 18:35/ 0 赞/ 58 阅读

相关 Java 获取图片的大小和尺寸（本地、网络图片）

话不多说，直接甩代码 Juint 进行的单元测试，有需要可以自己封装一下方法我懒省事直接抛出Exception @Test public void

﹏ヽ暗。殇╰゛Y/ 2023年05月31日 06:46/ 0 赞/ 6 阅读

相关 JS获取本地图片和网络图片的宽高尺寸和存储大小

最新更新时间：2020年07月08日09:13:28 [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] > 本文内容：图片作为一种记录信息的载体，

左手的ㄟ右手/ 2023年02月24日 03:43/ 0 赞/ 21 阅读

相关 Javascript 获取图片的真实宽高和文件大小

获取图片的真实尺寸 getImageSize(imgSrc) { return new Promise((resolve, reject) =>

「爱情、让人受尽委屈。」/ 2022年11月14日 10:24/ 0 赞/ 238 阅读

相关 js判断上传图片格式类型、尺寸大小

//判断图片类型 var f=document.getElementById("File1").value; if(f==" "){ ale

向右看齐/ 2022年10月02日 04:51/ 0 赞/ 234 阅读

相关 js获取上传图片真实的尺寸大小和存储大小

</pre><pre name="code" class="html"><input id="file" type="file"> <input id="But

快来打我*/ 2022年07月15日 16:22/ 0 赞/ 275 阅读

相关 js获取input上传图片的尺寸

<input type="file" id="tp" name="tp"/> <buttonοnclick="xxx()"></button> funct

Dear 丶/ 2022年06月14日 03:16/ 0 赞/ 223 阅读

相关 springmvc处理上传图片代码(校验图片尺寸、图片大小)

package com.maizuo.web.controller; import com.maizuo.domain.Result; imp

水深无声/ 2022年06月07日 05:15/ 0 赞/ 280 阅读

相关 element upload限制上传图片尺寸、大小、比例

// 上传前判断 public async beforeUpload(file: any) { const is1M = fil

桃扇骨/ 2021年11月15日 13:38/ 0 赞/ 775 阅读