js上传图片获取图片宽高

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用jquery来获得上传图片的尺寸的</title>
</head>
<body>
    <input type="file" id="image_file" multiple>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script>
        //获取input图片宽高和大小
        function getImageWidthAndHeight(id, callback) {
          var _URL = window.URL || window.webkitURL;
          $("#" + id).change(function (e) {
            var file, img;
            if ((file = this.files[0])) {
              img = new Image();
              img.onload = function () {
                callback && callback({"width": this.width, "height": this.height, "filesize": file.size});
              };
              img.src = _URL.createObjectURL(file);
            }
          });
        }
        
        getImageWidthAndHeight('image_file', function (obj) {
           console.log('width:'+obj.width+'-----height:'+obj.height);
          });
    </script>
    <script></script>
</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容