Servlet从本机读取一个图片,并显示在html页面

    xiaoxiao2021-12-14  20

    1、工具类

    //工具类 package com.JavaBean; 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.JavBean; import java.io.IOException; import com.JavaBean.ImgUtil; //导入前面的工具类 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、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>显示图片</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>

    转载请注明原文地址: https://ju.6miu.com/read-963131.html

    最新回复(0)