在前端上傳文件后,需要后端進行處理并保存。以下是一個簡單的用Node.js編寫的HTML文件上傳后臺代碼。
const multer = require('multer') const upload = multer({ dest: 'uploads/' }) const express = require('express') const app = express() app.post('/upload', upload.single('file'), (req, res) =>{ console.log(req.file) // 將文件保存到指定路徑 // 返回已保存文件的信息 res.send('File uploaded successfully!') }) app.listen(3000, () =>{ console.log('Server started.') })
這段代碼使用了multer中間件來處理文件上傳。multer可以將文件保存到指定目錄,并將文件信息附加到請求對象中。
代碼解析:
- 第1-2行:引入multer中間件。
- 第4-5行:使用multer創建一個上傳對象,指定文件上傳到uploads文件夾。
- 第7-12行:使用express創建一個HTTP服務器,監聽3000端口。當收到POST請求后,使用upload.single()函數處理請求中的單個文件,將文件信息保存到req.file對象中。
- 第9行:文件上傳表單需要指定一個name為file的input元素。
- 第10行:服務器接收到請求后,控制臺輸出文件信息,方便調試。
- 第13行:將文件保存到指定路徑,這里沒有給出具體實現,需要讀者自行完成。
- 第14行:返回成功信息。
使用這段代碼,當用戶上傳文件時,文件將被保存到uploads文件夾中。開發者可以在處理文件時,使用req.file中的屬性來獲取文件名、大小、MIME類型等信息。如果上傳的有多個文件,可以使用upload.array()函數,將文件信息保存到req.files數組中。
上一篇靠右 css
下一篇CSS下載電子書推薦