2012-02-12 47 views
1

我正在使用jQuery 1.7.1。如何让jQuery以字节获取图像大小,而不是图像尺寸?

在浏览器窗口中加载图像后,我想要检索其总字节大小。有没有对象的名称/值?

+0

可能重复:http://stackoverflow.com/questions/1310378/determining-image-file-size-dimensions-via-javascript/ – 2012-02-12 22:24:10

+0

Javascript正在CLIENT的计算机上运行,​​如果浏览器支持HTML5的File API,则实际上可以在用户计算机上获得图像的大小,如果用户当然希望你。要找到服务器上图像的大小,您需要像PHP或Rails这样的SERVER语言,或者您可以使用AJAX执行HEAD请求以获取文件大小,或者可以在画布中加载图像并获取文件大小。 – adeneo 2012-02-12 22:25:20

回答

0

不,您无法使用jQuery或纯JavaScript获取图片大小。唯一的方法是使用ajax从服务器端获取它。

您可以将图像的URL发送到服务或服务器端页面,并让页面或服务返回图像大小。

+0

感谢您的信息。 – 2012-02-17 16:14:28

0

我不认为这是可能的。你可能需要一个服务器端语言。

1

**这里是jQuery的代码来获取图像的大小和类型与验证**您可以使用此代码在您的jQuery在函数内部文件的

if (window.File && window.FileReader && window.FileList && window.Blob) 
{ 
    var pic_size = $('#profile_pic')[0].files[0].size;//get file size 
    var pic_type = $('#profile_pic')[0].files[0].type; 

    var extension = pic_type.split('/').pop().toUpperCase(); 

    if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG" || pic_size>=2048000) 
    { 
     alert ("Please Select PNG,JPG,GIF,JPEG Image Only and File Size not Greater than 2MB"); 
     $("#profile_pic").focus() 
     return false; 
    } 
}