java web项目中如何插入背景图片

时间：2024-04-06 11:47:54

      对于java可视化界面插入背景图片这个倒是轻而易举，只需要background-inage:url(图片路径就行)，而对于与web项目中，我开始时也是采用这种方法，但是不尽然，代码如下：

<div class='ban' style="height:100%;background-image:url('/img/qx.jpg')">

效果如下：

java web项目中如何插入背景图片

图片就是不显示，后期我又加了<img alt="" src="/img/qx.jpg">，效果还是和上面一样，也是没有图片显示。后来我仔细想了想，是没有获取到图片真正的路径问题。我们需要获取/img/qx.jpg,

java web项目中如何插入背景图片

我们就需要在jsp页面中写Java代码，让Java来获取项目的根路径，通过绝对路径的方式引入这些图片文件。我们则需要在jsp文件的开头写入下面的代码。

<%
String path = request.getContextPath();
String basePath=null;
basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
int port=request.getServerPort();
	
	if(port==80){
	basePath=request.getScheme()+"://"+request.getServerName()+path;
	
	}else{
		basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
		
	}
	request.setAttribute("basePath", basePath);
%>

这几段代码只是获取基本的路径，而request就是我们常说的JSP九大隐式对象之一，JSP就是Servlet，request.setAttribute("basePath", basePath) 表示将得到的basePath（项目根路径）存放到request作用域中，但是到这里我们还是不能把图片显示出来，我们需要在图片路径前面加入这行代码$<basePath>。如下：

<div class='ban' style="height:100%;background-image:url('${basePath}/img/qx.jpg')">

看，图片就显示出来了：

java web项目中如何插入背景图片

好了，这次就分享到这里了，这里只是一个简单的图片插入问题，若有什么不对的地方，还望指教。

相关文章