javascript - 图像尺寸验证

Question

是否可以使用 jquery 类或 javascript 验证文件图像大小？

我可以这样做吗？我做了一些研究，但没有达到任何目标

谢谢

Answer 1

如果要检查客户端上传的图像文件，请检查 HTML5 File API。以下是一些示例：

http://www.html5rocks.com/en/tutorials/file/dndfiles/

您可以获取文件大小、查找其类型并访问二进制内容。

我正在使用 File API 从图像中读取 EXIF 标头，而无需将图像上传到服务器。

这是一个源代码：

https://gist.github.com/980275/85da4a96a3bb23bae97c3eb7ca777acdea7ed791

Answer 2

尝试这个：

<input type="file" id="loadfile" />
<input type="button" value="find size" onclick="Size()" />

脚本：

 function Size() {
        if ( $.browser.msie ) {
           var a = document.getElementById('loadfile').value;
               $('#myImage').attr('src',a);
               var imgbytes = document.getElementById('myImage').fileSize;
               var imgkbytes = Math.round(parseInt(imgbytes)/1024);
               alert(imgkbytes+' KB');
        }else {
               var fileInput = $("#loadfile")[0];
               var imgbytes = fileInput.files[0].fileSize; // Size returned in bytes.
               var imgkbytes = Math.round(parseInt(imgbytes)/1024);
                       alert(imgkbytes+' KB');
         }
    }