vue获取前端的文件名，删除服务器中的文件

要获取前端文件名，可以使用HTML5的File API，示例代码如下：

<input type="file" @change="handleFileUpload">

<script>
methods: {
  handleFileUpload(event) {
    const file = event.target.files[0];
    console.log(file.name); // 获取文件名
    // 进一步处理文件上传等操作
  }
}
</script>

要删除服务器中的文件，可以使用后端的接口进行处理。前端通过发送请求，传递文件名或文件ID给后端，后端根据传递的文件名或文件ID进行删除操作。具体实现方式取决于后端语言和框架，例如在Node.js中，可以使用fs模块进行文件操作。示例代码如下：

const fs = require('fs');

// 删除文件
fs.unlink('/path/to/file', (err) => {
  if (err) throw err;
  console.log('文件已删除');
});

在实际项目中，要注意安全性和权限控制，避免误删或非法删除文件。