下载前获取文件名

是指在进行文件下载操作之前获取文件的名称。这个操作可以用于在下载文件之前展示文件名给用户，或者用于对下载的文件进行一些预处理操作。

在前端开发中，可以通过使用JavaScript的File API来获取文件名。具体的步骤如下：

使用HTML的<input type="file">元素创建一个文件选择器，让用户选择要下载的文件。
使用JavaScript监听文件选择器的change事件，当用户选择文件后触发相应的回调函数。
在回调函数中，可以通过event.target.files获取到用户选择的文件列表。如果只允许选择单个文件，可以直接使用event.target.files[0]获取到文件对象。
通过文件对象的name属性即可获取到文件名。

以下是一个示例代码：

<input type="file" id="fileInput">

<script>
  const fileInput = document.getElementById('fileInput');

  fileInput.addEventListener('change', (event) => {
    const file = event.target.files[0];
    const fileName = file.name;
    console.log('文件名：', fileName);
    // 在这里可以进行其他操作，如展示文件名给用户或进行预处理
  });
</script>

在后端开发中，获取文件名的方式取决于所使用的编程语言和框架。一般来说，后端会接收到前端发送的文件，并将其保存到服务器或进行其他处理。在这个过程中，可以直接从文件对象中获取文件名。

以下是一个使用Node.js的示例代码：

const express = require('express');
const multer = require('multer');

const app = express();
const upload = multer({ dest: 'uploads/' });

app.post('/upload', upload.single('file'), (req, res) => {
  const fileName = req.file.originalname;
  console.log('文件名：', fileName);
  // 在这里可以进行其他操作，如保存文件或进行预处理
  res.send('文件上传成功');
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

在这个示例中，使用了Node.js的Express框架和Multer中间件来处理文件上传。通过req.file.originalname即可获取到文件名。

对于文件下载操作，具体的实现方式也取决于所使用的编程语言和框架。一般来说，可以通过设置HTTP响应头来指定文件名，让浏览器在下载文件时使用该文件名。

以下是一个使用Node.js的示例代码：

const express = require('express');
const fs = require('fs');

const app = express();

app.get('/download', (req, res) => {
  const fileName = 'example.txt';
  const filePath = 'path/to/example.txt';

  res.setHeader('Content-Disposition', `attachment; filename="${fileName}"`);
  res.setHeader('Content-Type', 'application/octet-stream');

  const fileStream = fs.createReadStream(filePath);
  fileStream.pipe(res);
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

在这个示例中，通过设置Content-Disposition响应头来指定文件名为"example.txt"，并设置Content-Type为"application/octet-stream"，表示以二进制流的形式下载文件。然后使用fs.createReadStream创建文件读取流，并通过pipe方法将文件流发送给客户端。

总结起来，下载前获取文件名是通过前端或后端代码获取用户选择的文件名，以便进行相关操作，如展示给用户或设置下载文件的文件名。具体的实现方式取决于所使用的编程语言和框架。