Maison >interface Web >tutoriel HTML >htm文件中图片显示问题_html/css_WEB-ITnose

htm文件中图片显示问题_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:13:04855parcourir

这里是用于处理的一个Servlet

import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class CreateTip extends HttpServlet {	public void doGet(HttpServletRequest request, HttpServletResponse response)			throws ServletException, IOException {		doPost(request,response);	}	public void doPost(HttpServletRequest request, HttpServletResponse response)			throws ServletException, IOException {		//虚拟一个商品列表		String[][] shop ={{"商品一","90","photo/photo1.jpg"},						  {"商品二","190","photo/photo2.jpg"},						  {"商品三","290","photo/photo3.jpg"}	}; 				//获得客户端提交的参数		int index =Integer.parseInt(request.getParameter("index"));				response.setContentType("text/xml");		response.setCharacterEncoding("UTF-8");		PrintWriter out = response.getWriter();				//以XML文档形式返回给客户端		out.println("<shop>");		out.println("<name>"+shop[index][0]+"</name>");		out.println("<price>"+shop[index][1]+"</price>");		out.println("<photo>"+shop[index][2]+"</photo>");		out.println("</shop>");				out.flush();		out.close();	}}

下面是用于显示图片的代码
  <body>    <h2>工具提示</h2><br>    <hr>    <a href="#" onmouseover="over(0)" onmouseout="out()">商品一</a><br><br>    <a href="#" onmouseover="over(1)" onmouseout="out()">商品二</a><br><br>    <a href="#" onmouseover="over(2)" onmouseout="out()">商品三</a><br><br>    	<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;">	<TABLE id="tipTable" border="0" bgcolor="#ffffee">		<TR align="center">			<TD><img  id="photo" src=""    style="max-width:90%"  style="max-width:90%" alt="htm文件中图片显示问题_html/css_WEB-ITnose" ></TD>		</TR>		<TR>			<TD></TD>		</TR>		<TR>			<TD></TD>		</TR>	</TABLE>	</div>	          </body>



但是就是无法显示图片,图片那里就一把红XX,上面用的是相对路径啊,不知道怎么回事,求解、、、


回复讨论(解决方案)

怎么没人呢???

相对不行就用绝对啊

X就是你的图片路径没有对 检查一下

相对不行就用绝对啊
可使用绝对的话适应性就太差了,而且只有在SRC后面写绝对路径才行,只要是从Servlet中传回来的路径都变成了http://localhost....的格式,所以又没法显示了

X就是你的图片路径没有对 检查一下
路径是对的,但就是没法用相对路径,不知道问什么

X就是你的图片路径没有对 检查一下

这个是我图片资源的完整路径,就在工程的根目录下
D:\Java\workspace\TestAJAX\photo

把你所链接的那个图片地址写上来看看,还要注意图片格式

  //虚拟一个商品列表
        String[][] shop ={{"商品一","90","photo/photo1.jpg"},
                          {"商品二","190","photo/photo2.jpg"},
                          {"商品三","290","photo/photo3.jpg"}    }; 
地址都是在Servlet中写好的,然后调用回去,改变下面的src

<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;">    <TABLE id="tipTable" border="0" bgcolor="#ffffee">        <TR align="center">            <TD><img  id="photo" src=""    style="max-width:90%"  style="max-width:90%" alt="htm文件中图片显示问题_html/css_WEB-ITnose" ></TD>        </TR>

是上面的的吧?
把你所链接的那个图片地址写上来看看,还要注意图片格式

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn