用jquery來獲得上傳圖片的尺寸

本文轉載自查看原文 2016-10-28 18:01 6434

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用jquery來獲得上傳圖片的尺寸的</title>
</head>
<body>
    <input type="file" id="image_file" multiple>
    <script src="./lib/jquery-1.8.0.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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 獲取上傳圖片的寬高尺寸 ueditor 控制上傳圖片的顯示尺寸 jquery實現多圖片上傳 type=file 上傳圖片限制類型和尺寸方法 js在前端獲取在本地上傳圖片的尺寸 Element upload 限制上傳圖片尺寸、大小、比例 form表單+jquery上傳圖片 JQuery的ajaxFileUpload圖片上傳初試 HTML+jQuery圖片上傳示例 jQuery+Ajax實現圖片的預覽和上傳