<input type="file" placeholder="" class="m-wrap span6" name="thumb">

jq:

$('input[type=file]').each(function()   
                {
                    var max_size=102400;
                     $(this).change(function(evt)   
                        {   
                            var finput = $(this
 
);   
                            var files = evt.target.files; // 獲得檔案物件   
                            var output = [];   
                            for (var i = 0, f; f = files[i]; i++)   
                                    {  //檢查檔案大小   
                                     if(f.size > max_size)   
                                        {   
                                            alert("上傳的圖片不能超過100KB!"
 
);   
                                            $(this).val('');   
                                        }   
                                    }   
            });   
        }); 

重點關注的是HTML 5中，新的檔案API，可以在客戶端馬上判斷檔案型別，如下：
var files = evt.target.files; // 獲得檔案物件，是一個集合，可以有多個檔案
var file_count = files.length; //檔案長度

var file_1 = files[0]; // or files.item(0)；這裡獲得多個檔案中的第一個檔案

var name = file_1.name; //獲得檔名
var size = file_1.size;//獲得檔案大小
var type = file_1.type; //檔案型別
var lastModifiedDate = file_1.lastModifiedDate; //檔案修改時間