Image Servlet 不想在浏览器（FireFox、IE ..）中显示图像，但在 Eclipse 浏览器中有效吗？答案

【问题标题】：Image Servlet doesn't want to show image in browser (FireFox, IE..) but in Eclipse browser works?Image Servlet 不想在浏览器（FireFox、IE ..）中显示图像，但在 Eclipse 浏览器中有效吗？
【发布时间】：2013-08-13 19:33:32
【问题描述】：

我的图像 servlet 出现了奇怪的情况。它适用于 Eclipse 内部网络浏览器，但不适用于 FireFox、InternetExplorer、Chrome、Opera....

Servlet 代码（下）

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  File fl=new File("C:\\Documents and Settings\\Administrator\\My Documents\\Eclipse\\zadatak\\WebContent\\WEB-INF\\upload\\");
  PrintWriter pw=response.getWriter();
  response.setContentType("text/html");

  pw.println("<html>");
  pw.println("<head>");
  pw.println("<style type=\"text/css\">");
  pw.println("img{display:block-inline;width:100px;height:100px;");
  pw.println("</style>");
  pw.println("</head>");
  pw.println("<body>");
  pw.println("<table border=\"1\">");
  pw.println("<tr>");

  for(File f:fl.listFiles()){ 
      pw.println("<td>");
      pw.println("<img src=\"" + f.getPath() + "\">");
      pw.println("</td>");
  }   

  pw.println("</tr>");
  pw.println("</table>");
  pw.println("</body>");
  pw.println("</html>");

}

在 Eclipse 内部网络浏览器中看起来像这样（下）

PrintScreen of Eclipse internal web browser

我终于找到了解决问题的方法。谢谢大家帮助我！

现在，这段代码可以工作了！

  ServletContext context=request.getServletContext();
  String path=context.getRealPath("upload");

  File fl=new File(path);
  PrintWriter pw=response.getWriter();
  response.setContentType("text/html");

  pw.println("<html>");
  pw.println("<head>");
  pw.println("<style type=\"text/css\">");
  pw.println("img{display:block-inline;width:100px;height:100px;");
  pw.println("</style>");
  pw.println("</head>");
  pw.println("<body>");
  pw.println("<table border=\"1\">");
  pw.println("<tr>");

  LinkedHashMap<Integer, String> hm=new LinkedHashMap<Integer,String>();
  int imageIndex=-1;
  for(File f:fl.listFiles()) {        
      if(f.getName()!=null){
          if(f.getName().endsWith(".bmp"))
              hm.put(++imageIndex, f.getName());
      }               
  }

  Iterator<String> pic=hm.values().iterator();

  while(pic.hasNext()){
      pw.println("<img src=\"upload/" + pic.next() + "\"/>");
  }


  pw.println("</tr>");
  pw.println("</table>");
  pw.println("</body>");
  pw.println("</html>");

我的项目中的类层次结构看起来像

MyWebProject
 |-- src
 |    :
 |
 |-- web
 |    |-- META-INF
 |    |    `-- MANIFEST.MF
 |    |-- WEB-INF
 |    |    `-- web.xml
 |-- upload (the place where I keep pictures)
 :

Firefox 现在可以正确显示图片了

Firefox correctly shows page

【问题讨论】：

您似乎期望图像以某种方式内联在 HTML 输出中。这不是真的。图片是根据src 属性中的 URL 单独/单独请求和下载的。
顺便说一句，部署空间中有一个名为“upload”的文件夹也令人担忧。您不应该将上传的文件存储在部署文件夹中，原因很简单，一旦您重新部署 WAR，或者即使您只是重新启动服务器，它们都会丢失，而这又具有非常简单的原因，即新添加的文件不包含在原始 WAR 文件。总而言之，尽管我对您之前就相关问题提出的问题发表了评论，但您仍然完全走错了方向。

标签： servlets

【解决方案1】：

想想你在做什么。有一个服务器，它的磁盘上有图像。还有一个浏览器，它将在另一台机器上运行，可能距离服务器几十英里。

您的 servlet 将以下内容发送到浏览器：

<img src="C:\Documents and Settings\Administrator\My Documents\Eclipse\zadatak\WebContent\WEB-INF\upload\someIage.jpg"/>

这仅在以下情况下有效

浏览器接受从文件系统加载图像，尽管 HTML 页面是使用 HTTP 加载的
浏览器接受从文件系统加载文件，尽管 URL 不正确（应该是file://...）
客户端在 Windows 上运行
用户碰巧在他的机器上有一个名为 C:\Documents and Settings\Administrator\My Documents\Eclipse\zadatak\WebContent\WEB-INF\upload\ 的文件夹
这个文件夹恰好已经包含了 servlet 发送的所有图像

您应该明白这不可能。

您需要的是一个 servlet，它从服务器上的文件加载图像，并将该文件的内容发送到 HTTP servlet 响应（并且不要忘记设置正确的内容类型）。

一旦你有了这样一个 servlet（假设它被映射到 URL /image 并以图像的 ID 作为参数），你已经拥有的 servlet 应该生成以下代码：

for (String id: idsOfTheImageToDisplay){ 
  pw.println("<td>");
  pw.println("<img src=\"/image?" + id + "\"/>");
  pw.println("</td>");

}

另外，BMP 也不是适合 Web 的格式，因为它没有被压缩，因此会消耗大量带宽。例如，您应该将图像转换为 JPEG 文件。

【讨论】：

并将 JSP 用于 HTML。
我同意你的观点，*.bmp 格式不适合网络。我使用 *.bmp 仅用于测试项目（真实图片为 *.jpg 格式）。三个月前开始学习Java，对java-ee编程没有太多经验。非常感谢您的回复！
您创建/面临的问题并不完全是 Java/Java EE 特定的。只是基本的 Web 开发（HTTP、HTML 和朋友）。除了基本的 Java 之外，强烈建议在深入研究 Servlet 之前具备良好的 HTTP/HTML 知识，因为它们在这个问题的上下文中基本上只是 HTTP 请求侦听器和 HTML 代码生成器。