HTML和jQuery是Web開發中常用的兩個技術。通過HTML，我們可以創建各種各樣的頁面，并提供給用戶瀏覽。而通過jQuery，我們可以對頁面進行更加便捷的操作，使得用戶交互更加順暢。文件上傳是常見的Web需求之一，下面我們來看一下借助HTML和jQuery如何完成文件上傳。
首先，我們需要創建一個HTML頁面，用來打開文件選擇窗口，并顯示選擇的文件。以下是一個簡單的HTML示例代碼：
<!DOCTYPE html>
<html>
<head>
<title>文件上傳</title>
</head>
<body>
<input type="file" id="file-select" />
<div id="file-info"></div>
</body>
</html>代碼中，我們定義了一個input標簽，并指定其type屬性為"file"，表示這是一個文件選擇器。還有一個div標簽，用于顯示文件信息。接下來，我們可以利用jQuery代碼，實現文件上傳的功能：
<script>
$(function() {
var input = $('#file-select');
var info = $('#file-info');
input.on('change', function() {
var file = input[0].files[0];
var reader = new FileReader();
reader.onload = function() {
info.html('文件名稱：' + file.name + '<br>' +
'文件大小：' + file.size + '<br>' +
'文件類型：' + file.type);
}
reader.readAsDataURL(file);
});
});
</script>代碼解釋：
- 我們首先定義了一個input變量和一個info變量，用來獲取HTML中對應的元素。
- 接著，我們注冊了一個change事件，當用戶選擇文件后，會觸發回調函數。
- 在回調函數中，我們取得了選中的文件，利用FileReader對象，將文件以DataURL的形式讀取出來。
- 最后，我們將讀取到的文件信息顯示在info變量對應的div標簽中。
以上就是一個簡單的HTML和jQuery實現文件上傳的示例代碼。這個示例僅實現了文件讀取和顯示，實際應用中，我們需要在服務端進行文件存儲和處理，以更好地滿足業務需求。但通過這個示例，相信讀者已經掌握了HTML和jQuery實現文件上傳的基本思路。