2012-02-12 15 views
1

jQuery 1.7.1を使用しています。jQueryに画像サイズを取得する方法

イメージがブラウザウィンドウに読み込まれた後、その合計バイトサイズを取得する必要があります。オブジェクト名/値はありますか?

+0

を提出可能な二重に関数内でこのコードを使用することができます**検証して画像のサイズと種類を取得することです/ questions/1310378/determining-image-file-size-dimensions-via-javascript/ –

+0

JavascriptがCLIENTのコンピュータで実行されており、ブラウザがHTML5のFile APIをサポートしている場合、実際にユーザーのコンピュータで画像のサイズを取得できます。もちろん、ユーザーがあなたに欲しかった場合。サーバー上のイメージのサイズを調べるには、PHPやRailsのようなSERVER言語が必要です。あるいは、AJAXでHEADリクエストを行ってファイルサイズを取得したり、イメージをキャンバスにロードしてファイルサイズを取得したりできます。 – adeneo

答えて

0

いいえ、jQueryまたは純粋なJavaScriptを使用してイメージサイズを取得する方法はありません。唯一の方法は、ajaxを使用してサーバー側から取得することです。

イメージURLをサービスまたはサーバーのサイドページに送信し、ページまたはサービスでイメージサイズを返すことができます。 http://stackoverflow.com:ここ

+0

情報ありがとうございます。 –

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; 
    } 
}