Heim > Artikel > Web-Frontend > htm文件中图片显示问题_html/css_WEB-ITnose
这里是用于处理的一个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>
怎么没人呢???
相对不行就用绝对啊
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>
是上面的的吧?
把你所链接的那个图片地址写上来看看,还要注意图片格式