如何通过Node.js的TCP服务器向浏览器发送图片并实现自动下载

看起来你想通过原始TCP服务器让浏览器访问时自动下载图片，但这里有个关键问题：浏览器发起的是HTTP请求，而不是纯TCP数据，所以你需要在TCP socket里处理HTTP协议的规范，返回正确的响应头才能触发浏览器的下载行为。

我帮你修改了代码，添加了HTTP响应的处理逻辑，核心是通过Content-Disposition头告诉浏览器要下载文件而不是直接预览：

const net = require('net');
const fs = require('fs');
const path = require('path');

const server = net.createServer(function(socket) {
  socket.on("error", (err) => {
    console.log("Caught flash policy server socket error: ");
    console.log(err.stack);
  });

  socket.on('end', () => {
    console.log('client disconnected');
  });

  // 监听浏览器发送的HTTP请求数据
  socket.on('data', (reqData) => {
    const reqStr = reqData.toString();
    // 只处理GET请求（浏览器访问默认是GET）
    if (reqStr.startsWith('GET')) {
      const filePath = path.join(__dirname, 'test.jpg');
      
      fs.readFile(filePath, (err, data) => {
        if (err) {
          // 文件不存在时返回404错误
          const errorResponse = `HTTP/1.1 404 Not Found\r\nContent-Type: text/plain\r\nContent-Length: ${err.message.length}\r\n\r\n${err.message}`;
          socket.write(errorResponse);
          socket.end();
          return;
        }

        // 构造符合HTTP规范的响应头
        const responseHeaders = [
          'HTTP/1.1 200 OK',
          `Content-Type: image/jpeg`, // 告诉浏览器是JPEG图片
          // 核心头：让浏览器触发下载，指定文件名
          `Content-Disposition: attachment; filename="test.jpg"`,
          `Content-Length: ${data.length}`, // 告诉浏览器文件大小
          '\r\n' // 响应头和正文之间必须有空行分隔
        ].join('\r\n');

        // 先发送响应头，再发送文件数据
        socket.write(responseHeaders);
        socket.write(data);
        socket.end(); // 结束连接
      });
    } else {
      // 处理非GET请求，返回405错误
      const methodNotAllowed = `HTTP/1.1 405 Method Not Allowed\r\nAllow: GET\r\nContent-Length: 0\r\n\r\n`;
      socket.write(methodNotAllowed);
      socket.end();
    }
  });

  socket.on("connect", () => {
    console.log("client connected");
  });
});

// 监听8080端口，浏览器访问http://localhost:8080即可触发下载
server.listen(8080, () => {
  console.log('Server listening on port 8080');
});

关键要点说明： #

• 处理HTTP协议：浏览器访问时会发送类似GET / HTTP/1.1的请求文本，所以必须监听socket的data事件来接收并解析这个请求
• Content-Disposition头：attachment值是触发浏览器下载行为的核心，filename可以指定用户下载后看到的文件名
• HTTP响应格式：响应头和正文之间必须有一个空行（\r\n\r\n），这是HTTP协议的强制要求，否则浏览器无法正确解析响应
• 错误处理：添加了文件不存在的404处理和非GET请求的405处理，让服务器更健壮

现在启动服务器后，在浏览器打开http://localhost:8080，就能自动下载test.jpg文件了。

内容的提问来源于stack exchange，提问作者user169772