SERVLET显示图片

最新推荐文章于 2023-07-13 18:11:45 发布
最新推荐文章于 2023-07-13 18:11:45 发布
阅读量3.3k 收藏 3
点赞数
分类专栏： JAVA 文章标签： servlet 显示图片 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/semizhou/article/details/18445439
版权

1. 工具类

package com.chis.web.util;

import java.awt.image.BufferedImage;
import java.io.FileInputStream;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletResponse;

public class ImgUtil {

	public static final String JPG = "jpg";
	public static final String PNG = "png";
	public static final String BMP = "bmp";
	public static final String GIF = "gif";

	/**
	 * 在servlet中调用该方法, jsp页面中img标签的src指向该servlet, 则会显示图片
	 * 
	 * @param response
	 * @param path
	 * @param isResponseClose
	 */
	public static void showImage(HttpServletResponse response, String path, boolean isResponseClose) {
		try {
			ServletOutputStream outStream = response.getOutputStream();// 得到向客户端输出二进制数据的对象
			FileInputStream fis = new FileInputStream(path); // 以byte流的方式打开文件
			// 读数据
			byte data[] = new byte[1000];
			while (fis.read(data) > 0) {
				outStream.write(data);
			}
			fis.close();
			response.setContentType("image/*"); // 设置返回的文件类型
			outStream.write(data); // 输出数据
			if (isResponseClose) {
				outStream.close();
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	/**
	 * 在servlet中调用该方法, jsp页面中img标签的src指向该servlet, 则会显示图片
	 * 
	 * @param response
	 * @param data
	 * @param isResponseClose
	 */
	public static void showImage(HttpServletResponse response, byte[] data, boolean isResponseClose) {
		try {
			ServletOutputStream outStream = response.getOutputStream();// 得到向客户端输出二进制数据的对象
			// 读数据
			outStream.write(data);
			response.setContentType("image/*"); // 设置返回的文件类型
			outStream.write(data); // 输出数据
			if (isResponseClose) {
				outStream.close();
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	/**
	 * 在servlet中调用该方法, jsp页面中img标签的src指向该servlet, 则会显示图片
	 * 
	 * @param response
	 * @param image
	 * @param imgType
	 * @param isResponseClose
	 */
	public static void showImage(HttpServletResponse response, BufferedImage image, String imgType, boolean isResponseClose) {
		try {
			ImageIO.write(image, imgType, response.getOutputStream());
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

}

2.servlet

package com.chis.web.util;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ImgServlet extends HttpServlet {

	private static final long serialVersionUID = 3728441236122484282L;

	public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
		doPost(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
		String imgPath = request.getParameter("imgPath");// 输出图片的类型的标志
		if(null != imgPath && !"".equals(imgPath.trim())) {
			ImgUtil.showImage(response, imgPath, true);  
		}

	}
}

3. 页面调用 showImg.html 

<!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/1999/xhtml">
	<head>
		<title>showPic.html</title>
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	</head>

	<body style="overflow-x: hidden;overflow-y: hidden;margin: 0;padding: 0;">
	</body>
</html>	
<script> 
function request(paras){ 
var url = location.href;  
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");  
var paraObj = {}  
for (i=0; j=paraString[i]; i++){  
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);  
}  
var returnValue = paraObj[paras.toLowerCase()];  
if(typeof(returnValue)=="undefined"){  
return "";  
}else{  
return returnValue;  
}  
} 

window.οnlοad=function() {
var len=document.documentElement.clientWidth-40;
var hit=document.documentElement.clientHeight-10;
var addr=request('addr'); 
document.writeln("<img src='/ImgServlet?imgPath="+addr+"' border=0 width='"+len+"' height='"+hit+"'/>");
}

</script>



semi_zhou
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP 调用servlet 显示图片
05-20
JSP 调用servlet 显示图片，通过Servlet显示图片。
Servlet显示图片
weixin_33884611的博客
10-11 97
2019独角兽企业重金招聘Python工程师标准>>> ...
图片存储到数据库中，通过Servlet+jsp进行图片的存储及展示
D.K专栏
12-13 4799
因项目需要，图片类型的文件无法存储到本地磁盘中，必须以二进制的格式存储到数据库中。以这样的方式进行读写操作时候，就遇到各种问题，下面分别进行问题展示，并列出解决方案： 问题一、图片在数据库中的格式问题： 看了众多的参考资料，最终以longblob的格式存储图片，我采用的数据库是mysql数据库，下面展示图片的存储操作： select * from sensitiveInfo.senInfo C
Servlet（13）Servlet显示图片和分页
ADreamClusive的博客
04-13 477
1 显示图片在webApps中，新建一个文件夹（imgs），然后将图片拷贝到文件夹下。 在Servlet中添加<img src="./imgs/图片名"/>即可2 分页分页思路： 定义四个分页变量： pageNow:表示第几页，用户指定 pageSize:表示每页显示几条记录，程序指定，也可用户指定 pageCount:表示共有多少页 rowCount:共有多少条记录if(rowCoun
【案例分享】使用servlet和vue展示一个文件夹下的所有图片以及写出点击可以翻转，再次点击还原的效果
m0_73575951的博客
07-13 166
首先编写六个牌面，然后制定旋转动画，使旋转背面放入图片路径（路径需要在servlet中随机获取），在Vue代码区定义一个数组，在六个牌面设置点击事件，每点击一下对于的数组加一，然后用余数来规定牌面的正反。在六个不同颜色的牌面上放置在一个文件夹下随机选取的六张照片，放在前端页面上，点击可以翻转过来，再次点击翻转回去，在不刷新网页的前提下，牌面后的图片是不会变化的，刷新页面则会重新在特定文件夹下随机选取六张放置在牌面下。点击查看全部图片可以看到文件夹下的所有图片以及图片的名称，使用servlet和Vue完成。
Java Servlet上传图片到指定文件夹并显示图片
08-29
在学习Servlet过程中，针对图片上传做了一个Demo,如果大家对Java Servlet上传图片到指定文件夹并显示图片功能感兴趣的朋友大家通过本文一起学习吧
jsp+servlet小项目（实现图片上传功能）
07-21
基于jsp+servlet实现的小项目（实现图片上传功能）
简单的servlet+jsp图片上传并显示图片解压就可用
06-30
简单的servlet+jsp图片上传并显示图片，解压就能用，感觉好就给个好评！
Servlet 实现用户登录到相册查看图片
09-13
一个简单的Servlet 实现用户登录到相册查看图片,图片放在tomcat服务器中，获取服务器的名字加上图片的名字来显示图片，用户与相册还有图片数据库之间的关联，有点混乱，第一次写，见谅，只实现图片展示，相应的相册...
Vue+Servlet多图片展示
最新发布
qq_63499102的博客
07-13 152
/</</</
Servlet学习：在Servlet中显示图片
ミ安之偌素
03-24 3382
在Servlet中显示图片的方法很简单，方法与使用html显示图片类似。 首先在项目文件夹下创建新文件夹，例如我所创建的imgs，然后将所要显示的图片放入该文件夹 图片显示语句为： pw.println(""); 图片在网页中的显示效果为：
java servlet 显示图片_使用Servlet显示图片
weixin_35212962的博客
02-16 1536
使用Servlet显示图片在本文的示例中，我们使用FileInputStream类读取图像，并使用ServletOutputStream类将此图像内容作为响应写入。为了提高性能，我们使用了BufferedInputStream和BufferedOutputStream类。1 准备需要显示的图片提前在D盘的upload目录中准备一张图片(注意：根据自身情况准备即可)：2 编写index.jspind...
servlet02--响应图片
JS
04-29 213
public class Servlet04 extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("响应图片......
java的图片上传与前端展示实例（Servlet+Jsp）
热门推荐
iamzhuwh
06-15 2万+
图片上传与前端展示实例内容前瞻 1、关于路径 2、前端图片上传与展示 3、后台获取并保存 环境 1、前端jsp 2、服务器tomcat 3、服务端servlet 4、使用tomcat发布项目的相对路径（你写代码的工程目录和发布到tomcat可以访问的目录是不一样的）
Servlet也能响应图片了，快来看看吧
m0_61096949的博客
07-13 393
但是图片的加载，并没有存放在前端代码中，而是通过后端代码，从本地读取图片。write()方法是可以接收字节数组的，创建字节数组，可以使每次循环加载时，都加载1000个字节数，提高加载效率。resp.getOutputStream()方法，用于输出字符流数据或者二进制的字节流数据。此时图片会在页面上响应出来，但是效果是从上往下逐帧加载的，并不是一下子显示出来。不一样的只是图片的地址，我们如果将图片地址修改为参数，那么就可以封装成一个工具类。通过上诉代码的编写，已经可以发现，图片加载的流程都是一样的。
Servlet 入门—输出图片
不要让任何事情成为你不去学习的理由。
09-07 1800
今天学习的是如何通过访问后台的一个servlet 就能看到一个图片，注意这里不是 html 加载的图片，而是从服务器返回的。比如日常上网见到的图片验证码就是通过这个来实现的。 由于之前我们都是通过 web.xml 来配置我们的 servlet，今天我们就使用注解的方式来实现。（注意必须使用的是 servlet 3.0 及以上的版本） 代码实操 1. 编写 servlet /** * Desc: ImageServlet * Author: Xu He * created: 2021/9/
使用Servlet显示图片
Faith, Simpleness, Transparency, Innovation
08-15 216
rt javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet(name = "showimageserv
利用IO流实现文件的下载，浏览器访问Servlet显示图片，使用Servlet实现验证码
qq_38438533的博客
09-09 930
学习Response的一些小案例 利用IO流实现文件的下载 字节流的意义在于下载文件 磁盘与内存之间的IO流 浏览器与服务器之间的IO流 下面，我们用字节流实现文件的下载 Servlet类 //通过浏览器点击进行下载 @WebServlet("/down") public class FileDownloadServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletRes
java servlet 上传图片,Java Servlet上传图片到指定文件夹并显示图片
weixin_35244067的博客
03-13 802
在学习Servlet过程中，针对图片上传做了一个Demo，实现的功能是：在a页面上传图片，点击提交后，将图片保存到服务器指定路径(D:/image)；跳转到b页面，b页面读取展示绝对路径(D:/image)的图片。主要步骤如下：步骤一：上传页面uploadphoto.jsp需要注意两个问题：1.form 的method必须是post的，get不能上传文件， 还需要加上enctype="multip...
请用javaweb帮我写出如何使用servlet下载图片并显示出来
05-30
好的，以下是使用 Servlet 下载图片并将其显示的示例代码： ```java @WebServlet("/image") public class ImageServlet extends HttpServlet { private static final int BUFFER_SIZE = 4096; private String imagePath; @Override public void init() throws ServletException { // 设置图片路径为 web.xml 中的参数 imagePath = getServletContext().getInitParameter("imagePath"); } @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取图片的名称 String imageName = request.getParameter("imageName"); // 设置响应的内容类型为图片类型 response.setContentType("image/jpeg"); // 获取图片的绝对路径 String filePath = imagePath + imageName; // 打开文件输入流 InputStream inputStream = new FileInputStream(filePath); // 打开响应的输出流 OutputStream outputStream = response.getOutputStream(); // 缓冲数组 byte[] buffer = new byte[BUFFER_SIZE]; // 读取输入流并写入输出流 int bytesRead; while ((bytesRead = inputStream.read(buffer)) != -1) { outputStream.write(buffer, 0, bytesRead); } // 关闭输入流和输出流 inputStream.close(); outputStream.close(); } } ``` 在 web.xml 文件中设置图片路径： ```xml <context-param> <param-name>imagePath</param-name> <param-value>/path/to/images/</param-value> </context-param> ``` 在 JSP 页面中使用以下代码来显示图片： ```html <img src="${pageContext.request.contextPath}/image?imageName=image.jpg" /> ``` 其中，`imageName` 参数是图片的名称，`/image` 是 Servlet 的映射路径。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值