一、HTML5前端判斷檔案大小

<input type="file" id="hiddenFileWidget"  name="img" class="absolute visibility_hidden" 
data-max_size="8388608" onchange="angular.element(this).scope().startUpload(event)">

//上傳檔案 action
$scope.startUpload = function(myevent){
	//檢查檔案大小
	var target = myevent.target;
	var currentObj = $(target);
	var fileSize = parseInt(currentObj.attr("data-max_size"));
	var inFactFileSize = target.files[0].size;
	if(inFactFileSize > fileSize){
		tipService.alert({
			title:"提示!",
			template:"上傳檔案不能超過8M",
			callback:function(){

			}
		});
		return false;
	}

	$ionicLoading.show({
		template: 'Loading...'
	});

	entrustSellService.uploadFileAction($scope);
};

在js事件中，event物件通過 event.files[n]訪問具體的file物件，可以通過該物件獲取file檔案相關的屬性（大小、檔案格式、修改日期等屬性）。

二、利用後臺判斷上傳檔案大小（相容早期瀏覽器）

在submit之後，瀏覽器會發送http請求給後臺，http頭部包含向伺服器提交資料的大小，如圖所示

後臺在第一次獲取到資料流的時候，先判斷http頭部，如果不滿足上傳檔案的大小，則終止資料流，減少流量。