详解输入键值form表单提交附件至服务器进行比对进行登入跳转页面的实现

要实现输入键值form表单提交附件至服务器进行比对进行登入跳转页面，可以按照以下步骤进行：

1. 在前端页面中编写form表单，包括输入框和文件上传框，并设置form的action属性为服务器端处理登录请求的接口地址。

2. 在服务器端编写处理登录请求的接口，接收前端form表单提交的数据，并进行比对验证。

3. 如果比对验证成功，则在服务器端设置一个登录状态标识，并将该标识以cookie的形式返回给前端。同时，服务器端将用户跳转到登录成功后的页面。

4. 如果比对验证失败，则在服务器端返回登录失败的提示信息，并将用户留在登录页面。

下面是一个简单的示例代码，仅供参考：

前端页面代码：

<form action="/login" method="post" enctype="multipart/form-data">
  <label>用户名：</label>
  <input type="text" name="username" required>
  <br>
  <label>密码：</label>
  <input type="password" name="password" required>
  <br>
  <label>上传头像：</label>
  <input type="file" name="avatar" accept="image/*" required>
  <br>
  <button type="submit">登录</button>
</form>

服务器端代码（使用Node.js和Express框架）：

const express = require('express');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-parser');
const multer = require('multer');
const fs = require('fs');

const app = express();

// 设置上传文件的存储路径和文件名
const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, 'uploads/');
  },
  filename: (req, file, cb) => {
    cb(null, file.originalname);
  }
});

const upload = multer({ storage });

// 解析请求体和cookie
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());

// 处理登录请求
app.post('/login', upload.single('avatar'), (req, res) => {
  const { username, password } = req.body;
  const avatar = req.file;

  // 进行比对验证
  if (username === 'admin' && password === '123456' && avatar) {
    // 设置登录状态标识
    res.cookie('login', 'true');

    // 跳转到登录成功后的页面
    res.redirect('/success.html');
  } else {
    // 返回登录失败的提示信息
    res.send('用户名或密码错误');
  }

  // 删除上传的文件
  if (avatar) {
    fs.unlinkSync(avatar.path);
  }
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的示例代码中，我们使用了Node.js和Express框架来实现服务器端的处理逻辑。其中，multer模块用于处理文件上传，cookie-parser模块用于解析cookie，body-parser模块用于解析请求体。在处理登录请求时，我们首先通过req.body获取用户名和密码，然后通过req.file获取上传的头像文件。接着，我们进行比对验证，如果验证成功，则设置一个名为"login"的cookie，并将用户跳转到登录成功后的页面；如果验证失败，则返回登录失败的提示信息。最后，我们通过fs模块删除上传的文件。