隨著Web應用程序的發展，對于文件上傳的需求越來越多。今天我們就來學習一下如何用HTML5和jQuery實現文件上傳。

HTML5提供了一種新的文件上傳方式：FormData。它允許我們在不刷新頁面的情況下上傳文件，同時還能夠通過ajax進行實時的信息交互。

接下來讓我們來看一個使用HTML5和jQuery實現的文件上傳的示例：

<form enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload File" id="uploadFileButton">
</form>
<script>
$(document).ready(function() {
$("#uploadFileButton").click(function() {
var file = $("#fileToUpload").get(0).files[0];
if (file) {
var formData = new FormData();
formData.append("fileToUpload", file);
$.ajax({
url: "/upload.php",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function(data) {
alert("上傳成功！");
}
});
}
return false;
});
});
</script>

上面的代碼中，我們首先定義了一個表單，其中包含了一個文件選擇控件和一個提交按鈕。在jQuery的ready()函數中，我們為提交按鈕添加了一個點擊事件，當用戶點擊提交按鈕時，我們通過JavaScript獲取了文件選擇控件的值，并將其封裝成FormData對象，并通過ajax以POST方式發送到服務器。最后在success回調函數中彈出上傳成功的提示框。

總之，HTML5和jQuery是當今Web開發中非常流行的技術，它們可以讓我們實現更加靈活、快速、有效的文件上傳操作。