HTML是一種標記語言，被廣泛用于Web開發中。它提供了一種描述頁面結構的方式，使得開發者可以準確地定義頁面內容以及樣式。與此同時，上傳功能也是Web開發中的必備功能之一。通過上傳功能，用戶可以把本地文件或者圖片上傳到服務器上，從而實現數據共享和數據存儲。在HTML中，我們可以通過文件上傳控件(input type="file")來實現上傳功能。

上述代碼中，我們使用了input標簽的type屬性來指定文件上傳控件，name屬性用來指定上傳文件的名稱。此外，在實現上傳功能時，我們需要調用后端接口來實現文件上傳，并將上傳結果通過API返回給前端頁面。

// 后端接口
// 接收文件上傳的請求
const uploadFile = (req, res) =>{
const file = req.files[0];
// 將文件信息存儲到數據庫中
const fileInfo = {
name: file.name,
path: file.path,
size: file.size
};
const result = {
code: 200,
message: '上傳成功',
data: fileInfo
};
res.json(result);
};

上述代碼中，我們定義了一個上傳文件的后端接口uploadFile，它接收前端提交的文件信息，處理文件上傳的操作，并將上傳結果通過API返回給前端頁面。在處理文件上傳時，我們可以使用第三方庫如multer來簡化操作。

// 后端代碼
const express = require('express');
const multer = require('multer');
const app = express();
// 設置文件上傳路徑和文件名
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'uploads/')
},
filename: function (req, file, cb) {
cb(null, file.originalname)
}
});
// 創建文件上傳中間件
const upload = multer({ storage: storage });
// 處理文件上傳請求
app.post('/upload', upload.array('files'), (req, res) =>{
const files = req.files;
// 生成文件信息返回給前端
const fileInfoArr = files.map(file =>{
return {
name: file.filename,
path: file.path,
size: file.size
}
});
const result = {
code: 200,
message: '上傳成功',
data: fileInfoArr
};
res.json(result);
});
app.listen(3000, () =>{
console.log('Server is running at http://localhost:3000');
});

上述代碼中，我們使用multer中間件來處理文件上傳請求，使用上傳配置項設置了上傳文件的存儲路徑和文件名。接收到文件上傳請求后，后端會生成文件信息并返回給前端。