Question

是否可以使用jquery class orjavascript验证文件图像大小？

我能这样做吗？我做了一些研究，但没有做任何事情

谢谢

Answer 1

如果要检查客户端上传的图像文件，请检查HTML5文件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');
         }
    }

图像大小验证

2 个答案: