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

快来打我* 2022-07-15 16:22 366阅读 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 条评论，366人围观）

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

相关阅读

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

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

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

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

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

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

相关 04 JS通过图片连接获取图片的尺寸大小

问题描述项目中有这样一个需求，就是从后台返回了一个图片的链接，然后前端要将这个图片叠加到地图上。在实现这个需求的时候，需要获取到不同图片的尺寸大小，关于图片的尺寸大小后

小咪咪/ 2023年07月24日 09:05/ 0 赞/ 7 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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