ホームページ > 記事 > ウェブフロントエンド > htm file_html/css_WEB-ITnose での画像表示の問題
処理用のサーブレットです
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="" height="80" width="80"></TD> </TR> <TR> <TD></TD> </TR> <TR> <TD></TD> </TR> </TABLE> </div> </body>
なぜ誰もいないのですか? ? ?
相対パスが機能しない場合は、サーブレットから返されたパスが http://localhost.... の形式に変更されている限り、絶対パスを使用してください。そのため、表示できません
X は、画像のパスが間違っています。確認してください
パスは正しいですが、相対パスは使用できません。何を尋ねればよいかわかりません リンクされた画像のアドレスもメモして見てください。画像形式
String[][] shop ={{"Product 1","90","photo/photo1.jpg"
アドレスはすべてサーブレットに記述して呼び出しますそれを元に戻して、以下の 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="" height="80" width="80"></TD> </TR>
上のものですか?
リンク先の画像のアドレスを書いて見てください、画像の形式に注意してください