在前端開發中，我們經常需要獲取上傳文件的大小，這可以用于判斷文件大小是否符合要求，進而進行相關業務操作。在JavaScript中，我們可以通過一些API來獲取文件大小。

一個常見的應用場景是在表單中上傳文件的時候，我們需要對上傳的文件大小進行限制。比如，我們要限制上傳文件大小不超過2MB，可以通過以下代碼實現：

var fileInput = document.getElementById('fileInput');
if (fileInput.files[0].size >2 * 1024 * 1024) {
alert('文件大小不能超過2MB');
}

上面的代碼中，我們先獲取文件上傳表單的元素，然后通過files數組來獲取上傳的文件，再通過size屬性來獲取文件大小，最后進行比較。

除了files屬性外，另一種獲取文件大小的方法是使用FileReader API。FileReader不僅可以獲取文件大小，還可以讀取文件內容。以下代碼演示了如何使用FileReader獲取上傳文件的大小：

var fileInput = document.getElementById('fileInput');
var fileReader = new FileReader();
fileReader.onload = function() {
console.log('文件大小為：' + fileReader.result.byteLength);
};
fileReader.readAsArrayBuffer(fileInput.files[0]);

上面的代碼中，我們先通過FileReader的構造函數創建一個實例，然后給實例的onload屬性綁定一個函數，該函數會在文件讀取完成后被調用。在函數中，我們可以通過result屬性獲取文件內容，通過byteLength屬性獲取文件大小。最后通過調用readAsArrayBuffer方法來讀取文件內容。

除此之外，還有一些第三方庫可以幫我們快速獲取文件大小，比如jQuery的$.ajax()方法。在使用$.ajax()上傳文件時，設置processData和contentType屬性為false即可。如下面的代碼所示：

var formData = new FormData();
formData.append('file', fileInput.files[0]);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
cache: false,
processData: false,
contentType: false,
success: function(data) {
console.log('文件大小為：' + data.fileSize);
}
});

上面的代碼中，我們創建了一個FormData對象，將要上傳的文件添加進去。然后使用$.ajax()方法上傳文件，設置processData和contentType屬性為false，這樣就不會把文件轉換成二進制字符串。在上傳成功后，后臺返回的數據中包含了文件大小，可以通過data.fileSize屬性來獲取。

總的來說，獲取文件大小在前端開發中是一個比較常見的任務，通過以上幾種方法，我們可以很方便地實現這個功能。