Heim  >  Artikel  >  Web-Frontend  >  htm文件中图片显示问题_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:13:04809Durchsuche

这里是用于处理的一个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>

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn