将图片作为流直接输出到浏览器

  <%
   // 如果你想将输出包含在一个jsp中,可以用img标签调用本jsp
   // <img src="pic.jsp?from=file&type=jpeg&src=c:/img/test.jpg">
  
   // 图片来源, 从文件(file)或数据库(database)
   String from = request.getParameter("from") == null ? "" : request.getParameter("from").toString();
  
   // 图片类型, jpeg/gif/bmp
   String type = request.getParameter("type") == null ? "" : request.getParameter("type").toString();
   response.reset();
   response.setContentType("image/" + type);
  
   java.io.InputStream in = null;
  
   // 方式1: 以流方式读取图片文件. pic.jsp?from=file&type=jpeg&file=c:/img/test.jpg
   if ( from.equals("") || from.equals("file") )
   {
   in = new java.io.FileInputStream(request.getParameter("src").toString());
   }
   else // 方式2: 从数据库中读取流. pic.jsp?from=database&type=jpeg&src=168
   {
   java.util.List list = DbWrapper .executeQuery(
   "select CONTENT from IMAGE where id = '" + request.getParameter("src").toString() + "'"
   );
  
   if ( list.size() > 0 )
   {
   in = (InputStream)(((java.util.Map)list.get(0)).get("CONTENT"));
   }
   }
   if ( in != null )
   {
   byte[] b = new byte[1024];
   int len;
   while( (len = in.read(b)) != -1 )
   {
   response.getOutputStream().write(b);
   }
  
   in.close();
   }
  %>

JSP页面中,输出图片通常涉及到HTML标签和服务器端的操作。你可以使用`<img>`标签来显示图片,同时需要提供图片的URL。如果你有图片作为服务器静态资源,路径通常是相对于Web应用根目录的。 下面是一个简单的示例,展示如何在JSP页面上输出一个本地图片: ```jsp <img src="<%= request.getContextPath() %>/images/your_image_name.jpg" alt="Your Image Description"> ``` 在这个例子中,`request.getContextPath()`获取当前Web应用程序的上下文路径,`images/your_image_name.jpg`是你实际存放图片的文件夹名和图片名称。确保图片文件名是对的,并且权限设置允许从HTTP访问。 如果图片是从数据库或者其他动态生成的地方,你需要先将图片数据存储在一个响应(如`HttpServletResponse.getOutputStream()`)中,然后再发送给浏览器: ```jsp <img id="dynamicImage" src="#" alt="Dynamic Image"> <% // 获取图片数据或其他动态生成的数据 byte[] imageData = getDynamicImageData(); // 创建Response对象 HttpServletResponse response = (HttpServletResponse) FacesContext.getCurrentInstance().getExternalContext().getResponse(); // 设置响应头信息 response.setContentType("image/jpeg"); response.setHeader("Content-Disposition", "attachment; filename=image.jpg"); // 将图片数据写入响应 OutputStream outputStream = response.getOutputStream(); outputStream.write(imageData); outputStream.flush(); outputStream.close(); %> <script> document.getElementById('dynamicImage').src = URL.createObjectURL(new Blob([window.atob('<%= Base64.encodeToString(imageData, Base64.DEFAULT) %>')])); </script> ``` 这里的`Base64.encodeToString()`是用来把二进制数据转换成Base64编码的字符串,以便于在HTML中直接显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值