如何在jsp界面中插入图片

最近初学Java Web遇到一个问题,就是在jsp中没法显示图片。

在网上搜索了许多内容,基本都是说路径问题,因为刚开始是凭着自己的一点半吊子html经验写的<img src="代码">,而且我自认为不可能写错路径,但后来发现确实是路径出现了一些问题。(由此可见不要过分相信自己的半吊子经验)

首先我们先要重新来认识下相对路径和绝对路径。

https://zhidao.baidu.com/question/96634139.html

而据我在网上的搜索来看在jsp中是无法直接使用绝对路径的。(需要对tomcat进行配置)

所以要使用相对路径,所以你的图片文件夹和你的jsp文件要在同一级(也就是同一个目录下),这样就可以很好的调用。

下面给出我对这个问题的最佳实践

0.准备部分:建立Dynamic Web Project。(在这里我的项目名为Shop3) 

1.在WebContent下建立image文件夹,并放入图片logo.png。

 2.在WebContent下建立index.jsp文件。

在这里我们可以看到jsp文件和index文件是在同一个目录下面的。

 3.在index.jsp中编写图片路径代码。

</head>
<body>
 <img src ="image/logo.png" />
</body>
</html>

 4.运行程序,就可以看到图片显示在浏览器中了。

到这里问题虽然是解决了。

但是我发现一个问题,我们看到浏览器中文件的路径是 http://localhost:8080/Shop3/index.jsp

而图片的地址(右击图片可以复制文件地址)是http://localhost:8080/Shop3/image/logo.png

两个地址中都没有WebContent,也就是说路径是直接从WebContent下面开始的。

到此这篇关于如何在jsp界面中插入图片的文章就介绍到这了,更多相关在jsp界面中插入图片内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • jsp图片效果大全(图像震动效果、闪烁效果、自动切换图像)

    本文主要介绍jsp实现图像震动效果.闪烁效果.自动切换图像的资料,废话不多说了,具体代码如下: 1.当鼠标指针经过图像时图像震动效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

  • 解决图片路径中含有中文在jsp下不能正常显示问题

    如:<img src="/pic/lupload/img工行上传.jpg" />,图片路径正确,放到一个单独的html页面中也能正常打开,在jsp中就是不显示图片 原因在于没有在tomcat配置URIEncoding.修改方法: 在tomcat的server.xml中加入URIEncoding="utf-8"(网页的编码是utf-8) 复制代码 代码如下: <Connector port="8080" URIEncoding=&

  • JSP中图片的上传与显示方法实例详解

    本文实例讲述了JSP中图片的上传与显示方法.分享给大家供大家参考.具体如下: 1.引言 数据库应用程序,特别是基于WEB的数据库应用程序,常会涉及到图片信息的存储和显示.通常我们使用的方法是将所要显示的图片存在特定的目录下,在数据库中保存相应的图片的名称,在JSP中建立相应的数据源,利用数据库访问技术处理图片信息.但是,如果我们想动态的显示图片,上述方法就不能满足需要了.我们必须把图片存入数据库,然后通过编程动态地显示我们需要的图片.实际操作中,可以利用JSP的编程模式来实现图片的数据库存储和显

  • Jsp中如何让图片在div中居中

    jsp中让图片在div中居中显示,如上图 例子: 复制代码 代码如下: //CSS文件 <style type="text/css"> #bj{ width:200px; height:200px; border:3px solid red; text-align:center; vertical-align:middle; display:table-cell; //将对象作为表格单元格显示 background:pink; } img{ width:150px; hei

  • 如何在jsp界面中插入图片

    最近初学Java Web遇到一个问题,就是在jsp中没法显示图片. 在网上搜索了许多内容,基本都是说路径问题,因为刚开始是凭着自己的一点半吊子html经验写的<img src="代码">,而且我自认为不可能写错路径,但后来发现确实是路径出现了一些问题.(由此可见不要过分相信自己的半吊子经验) 首先我们先要重新来认识下相对路径和绝对路径. https://zhidao.baidu.com/question/96634139.html 而据我在网上的搜索来看在jsp中是无法直接

  • QR 二维码中插入图片实现方法

    QR 二维码中插入图片 二维码终于火了,现在大街小巷大小商品广告上的二维码标签都随处可见,而且大都不是简单的纯二维码,而是中间有个性图标的二维码. 我之前做了一个使用google开源项目zxing实现二维码.一维码编码解码的程序并开放了源码(用C#实现的条形码和二维码编码解码器),今天继续在此程序基础上,实现二维码中间加小图片. 背景知识 QRcode使用里德-所罗门码来进行错误修正.对于我们来说,里德-所罗门编码有两个非常重要的特性.第一,它是一种显式系统码,也就是说,你可以在最终的编码中直接

  • C#实现在listview中插入图片实例代码

    C#实现在listview中插入图片实例代码 第一步:在窗体中拖入ListView控件和imageList控件: 第二步:设置imageList控件的Images属性,添加你想要的图片: 第三步:设置ListView控件的SmallImageList.LargeImageList.StateImageList属性为imageList: 第四步:编辑ListView控件项的ImageIndex行为你就会发现图片成功显示出来了! 附:在ListView控件中添加选项的代码 private void

  • Python向Excel中插入图片的简单实现方法

    本文实例讲述了Python向Excel中插入图片的简单实现方法.分享给大家供大家参考,具体如下: 使用Python向Excel文件中插入图片,这个功能之前学习xlwt的时候通过xlwt模块实现过.那时候是在公司做的尝试,印象中插入的图片最终缩小为了一个单元格,同时由于公司的加密系统如此实现了图片插入的Excel文件不能够再次打开. 这次试用XlsxWriter这个模块,推测这个模块应该是具有比xlwt强大的多的功能.代码实现如下: #!/usr/bin/python # -*- codding:

  • python实现pptx批量向PPT中插入图片

    目录 项目背景 基础 加亿点点细节 最终代码 项目结果图 总结 项目背景 实验结果拍摄了一组图片,数量较大,想要按顺序组合排版,比较简单的方式是在PPT中插入图片进行排版.但是PPT批量插入图片后,顺序打乱且不显示图片名称,每个图片单独调整位置和大小费时费力,于是想到使用工具批量操作.过去了解过python自动化办公模块,相对来说python也是简单易用的语言,项目预计不会耗费太大精力,故尝试学习实践一番.(非专业学习笔记分享,望各位大佬不吝指导!) 数据为16组实验,每组实验重复两次,共32个

  • 利用SpannableString和ImageSpan在textview中插入图片的方法

    默认的TextView是无法显示图片的.所以想要实现这个功能得需要我们自己为其添加一个方法. 在这里我们采用SpannableString和ImageSpan两个类来实现这一功能. 先上效果图: main.xml布局文件.我们使用自己定义的EditText <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.c

  • 一篇文章告诉你如何在Java数组中插入一个字符

    目录 定义一个数组 定义插入的字符 打印插入之前字符排列顺序 假设插入位置 找到插入位置 数组数据下移 移入数值 输出数组 总结 定义一个数组 public class charInsert { public static void main(String[] args) { // 这是字符数组 char[] ch = new char[9]; ch[0] = 'a'; ch[1] = 'b'; ch[2] = 'c'; ch[3] = 'f'; ch[4] = 'g'; ch[5] = 'i'

  • jsp页面中插入css样式的三种方法总结

    1. 外部样式 当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表.<link>标签在(文档的)头部: <head><link rel="stylesheet"  type="text/css"  href="path/myCss.css"/></head> 2.内部样式 当

  • Windows中使用Java生成Excel文件并插入图片的方法

    生成简单的Excel文件  在现实的办公中,我们常常会有这样一个要求:要求把报表直接用excel打开.在实习中有这样一个需求.根据所选择的资源查询用户所提供附件的全部信息并生成excel供下载.但是在查询的时候我们需要来检测用户所提供的附件里面的信息是否有错误(身份证).有错误的生成错误信息excel.      Apache的POI项目,是目前比较成熟的HSSF接口,用来处理Excel对象.其实POI不仅仅只能处理excel,它还可以处理word.PowerPoint.Visio.甚至Outl

  • C#下listview如何插入图片

    如何在listview中插入图片,相信大家很想知道,下面就为大家分享具体步骤: 第一步:在窗体中拖入ListView控件和imageList控件: 第二步:设置imageList控件的Images属性,添加你想要的图片: 第三步:设置ListView控件的SmallImageList.LargeImageList.StateImageList属性为imageList: 第四步:编辑ListView控件项的ImageIndex行为你就会发现图片成功显示出来了! 附:在ListView控件中添加选项

随机推荐