创建一个简单的 Java Web 服务器。图像未显示

Question

我目前在大学（一年级）上学，被分配做 Java 服务器。目前，我已经创建了一个非常简单的 HTML 页面（Hello world 样式），文本显示在本地主机中。但是，当我将图像插入其中时，它不会显示...我知道标头应该“告诉”有一个图像来到服务器，以便它可以读取图像，但我该怎么做它？正如您在我的代码中看到的，作为最后的手段，我尝试传递该图像的第二个标头，但我也收到错误“SocketException”。如何通过 HTML 页面将图像和文本传递到我的网络服务器，以便它显示在我的本地主机上？

import java.io.*;
import java.net.ServerSocket;
import java.net.Socket;
import java.nio.charset.StandardCharsets;
import java.nio.file.Files;
import java.nio.file.Paths;

public class Server {
    public static void main(String[] args) {
        String pathImage = "www/1st.png";
        String pathHTML = "www/index.html";

        try {
            ServerSocket ss = new ServerSocket(9000);

            byte[] html = Files.readAllBytes(Paths.get(pathHTML));
            byte[] imageToBytes = Files.readAllBytes(Paths.get(pathImage));

            while (true) {
                Socket s = ss.accept();
                System.out.println("Connection: OK");
                BufferedReader in = new BufferedReader(new InputStreamReader(s.getInputStream()));
                System.out.println(in.readLine());

                DataOutputStream out = new DataOutputStream(s.getOutputStream());

                out.writeBytes("HTTP/1.0 200 Document Follows \r\n" +
                        "Content-Type: text/html; charset=UTF-8 \r\n" +
                        "Content-Length: " + html.length + "\r\n" +
                        "\r\n");

                out.write(html);
                out.flush();

                out.writeBytes("HTTP/1.0 200 Document Follows \r\n" +
                        "Content - Type: image/png > \r\n" +
                        "Content - Length: " + imageToBytes.length + "\r\n" +
                        "\r\n"); */

                out.write(imageToBytes);


                System.out.println("file has passed");
                out.flush();
                out.close();


            }

        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

Answer 1

您成功地将一个简单的 HTML 页面传输到客户端。这是一个很好的基础。添加

<img src="..."/>

到 HTML 中，您将看到从服务器下载该 HTML 后，客户端会返回一个新连接，要求传送图像。第二个请求的响应必须仅为图像，而不是 HTML 页面。

因此，您需要区分客户的请求并提供正确的内容。

Answer 2

服务 HTTP 的套接字等待单个 HTTP 请求，然后为该请求提供单个响应。

您不能将所有响应转储到单个套接字中。您必须检查收到的请求，然后提供适合该请求的响应。

您必须做的第一件事是检查 InputStream 中的第一行。这是问候语行，格式必须为方法 路径 HTTP/版本。

method 是标准 HTTP 请求方法（在您的程序中始终为 GET）。 路径基于浏览器中输入的URL，可能是www/index.html或www/1st.png。 版本是1.0、1.1或2.0之一。

因此，您需要在执行其他操作之前解析该行：

String greeting = in.readLine();
if (greeting == null) {
    throw new IOException("Missing greeting.");
}

String[] parts = greeting.split(" ");
String requestPath = parts[1];

然后您可以根据该路径决定返回什么：

byte[] contentToReturn;
String contentType;
if (requestPath.endsWith("1st.png")) {
    contentToReturn = imageToBytes;
    contentType = "image/png";
} else 
    contentToReturn = html;
    contentType = "text/html; charset=UTF-8";
}

然后您必须仅将那个文件写入响应：

DataOutputStream out = new DataOutputStream(s.getOutputStream());

out.writeBytes("HTTP/1.0 200 Document Follows\r\n" +
        "Content-Type: " + contentType + "\r\n" +
        "Content-Length: " + contentToReturn.length + "\r\n" +
        "\r\n");

out.write(contentToReturn);
out.close();

浏览器将打开一个新的文件HTML 文件和 HTML 文件中引用的每个资源（例如图像）的套接字（即 HTTP 连接）。你只需要准备好为每一位服务。

其他一些要点：

• 空间很重要。请勿在任何标题行末尾的 \r\n 之前添加空格。
• 标题名称中的空格很重要。它是Content-Type，而不是Content - Type。第一种形式有效，另一种则无效。
• 在关闭 OutputStream 之前无需刷新它。 close() 保证刷新所有剩余数据。