实现了文件下载时界面及密码的输入

public/client.js

@@ -1 +1 @@
-file_input.value = null
+// file_input.value = null

public/style.css

@@ -10,6 +10,7 @@ body {
     margin: 0 auto;
 }
 
+p,
 h1,
 form {
     margin: 1rem auto;

server.js

@@ -20,7 +20,7 @@ app.use(express.static('public'))
 app.use(express.urlencoded({ extended: true }))
 app.use(express.json())
 app.get('/', (req, res) => {
-    res.render('index')
+    res.render('upload')
 })
 const upload = multer({ dest: TEMP_PATH, limits: { fileSize: UPLOAD_SIZE_LIMIT } })
 app.post('/upload', upload.single('file'), async (req, res) => {
@@ -31,27 +31,35 @@ app.post('/upload', upload.single('file'), async (req, res) => {
         fs.cpSync(file_temp_path, file_save_path) // 复制文件到UPLOAD_PATH
     }
     fs.unlinkSync(file_temp_path) // 删除临时文件
-    const file = {
+    let file = {
         md5,
         size: req.file.size,
         encoding: req.file.encoding,
         mimetype: req.file.mimetype,
-        filename: req.file.originalname,
+        // 解决了multer将中文文件名错误编码的问题
+        filename: Buffer.from(req.file.originalname, 'latin1').toString('utf8'),
         password: req.body.password ? await bcrypt.hash(req.body.password, 16) : '',
     }
     // 写入数据库
+    console.log(req.file)
+    console.log(file)
     const fileshare = new Fileshare(file)
-    file.id = (await fileshare.save()).id
+    file = await fileshare.save()
-    console.table(file)
+    console.log(file)
-    res.status(201).render('index', { file })
+    res.status(201).render('upload', { file })
 })
 app.get('/file/:id', async (req, res) => {
-    const file = await Fileshare.findByIdAndUpdate(req.params.id, { $inc: { downloads: 1 } })
+    const file = await Fileshare.findById(req.params.id)
+    res.render('download', { file })
+})
+app.post('/file/:id', async (req, res) => {
+    const file = await Fileshare.findById(req.params.id)
     if (file) {
-        const file_path = path.join(SAVE_PATH, file.md5)
+        if (file.password == '' || (await bcrypt.compare(req.body.password, file.password)) == true) {
-        if (file.password == '') {
+            await file.update({ $inc: { downloads: 1 } })
-            res.status(200).download(file_path, file.filename)
+            res.status(200).download(path.join(SAVE_PATH, file.md5), file.filename)
         } else {
+            res.sendStatus(401)
         }
     } else {
         res.sendStatus(404)

views/download.pug

@@ -0,0 +1,27 @@
+doctype html
+html(lang='zh')
+    head
+        meta(charset='UTF-8')
+        meta(http-equiv='X-UA-Compatible' content='IE=edge')
+        meta(name='viewport' content='width=device-width, initial-scale=1.0')
+        link(rel='icon' href='/favicon.ico' type='image/x-icon')
+        link(rel='stylesheet' href='/style.css')
+        title 下载文件
+    body
+        h1 下载文件
+        form(method='POST')
+            label 文件
+            label= file.filename
+            label 大小
+            label= file.size
+                |   字节
+            label 类型
+            label= file.mimetype
+            label 下载
+            label= file.downloads
+                |   次
+            if file.password
+                label(for='password_input') 密码
+                input(id='password_input' name='password' type='password' autocomplete='off'  required)
+            button(id='download_button' type='submit') 下载
+    script(src='/client.js')

views/upload.pug

@@ -6,20 +6,18 @@ html(lang='zh')
         meta(name='viewport' content='width=device-width, initial-scale=1.0')
         link(rel='icon' href='/favicon.ico' type='image/x-icon')
         link(rel='stylesheet' href='/style.css')
-        title 文件分享服务器
+        title 分享文件
     body
-        h1 文件分享服务器
+        h1 分享文件
         if file
             section
-                h2 上传成功
+                p
-                ul
+                    | 文件  
-                    li id #{file.id}
+                    var #{file.filename}  
-                    li md5 #{file.md5}
+                    | 分享成功！
-                    li size #{file.size} bytes
+                p 链接  
-                    li encoding #{file.encoding}
+                    -const url = '/file/' + file.id
-                    li mimetype #{file.mimetype}
+                    a(href=url)= url
-                    li filename #{file.filename}
-                    li password '#{file.password}'
         form(method='POST' action='/upload' enctype='multipart/form-data')
             label(for='file_input') 文件
             input(id='file_input' name='file' type='file' required)