使用response和IO流把图片显示在页面中

最新推荐文章于 2021-02-20 23:58:15 发布
最新推荐文章于 2021-02-20 23:58:15 发布
阅读量1k 收藏 2
点赞数 2
分类专栏： js jsp 文章标签： java servlet web tomcat jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xi5214/article/details/112345310
版权
jsp 同时被 2 个专栏收录
10 篇文章 1 订阅
订阅专栏
js
1 篇文章 0 订阅
订阅专栏

servet页面

import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import java.io.*;

/**
 * @author Lotus
 */
//由于我使用的工具是IDEA，所以使用的是注解的方式
@WebServlet("/image")
public class IoImageTestServlet extends HttpServlet {
    @Override
    protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
//获取图片路径
        File file = new File("D:/image/image.jpg");

//获取图片输入流
        BufferedInputStream bufferedInputStream = new BufferedInputStream(new FileInputStream(file));
//获取图片输出流
        BufferedOutputStream bufferedOutputStream = new BufferedOutputStream(response.getOutputStream());
//      设置图片格式
        response.setContentType("image/jpg");

        byte[] b = new byte[1024];
//      读取文件流
        int read = 0;

        try {
            while ((read = bufferedInputStream.read(b)) != -1) {
                bufferedOutputStream.write(b, 0, read);
            }
            request.getRequestDispatcher("index.jsp").forward(request, response);
        } catch (Exception e) {

        } finally {
//          关闭流
            if (bufferedOutputStream != null) {
                bufferedOutputStream.close();
            }
            if (bufferedInputStream != null) {
                bufferedInputStream.close();
            }

        }
    }

    @Override
    protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
        doPost(request, response);
    }
}

页面 有多种方式显示到页面

第一种 通过img标签接收

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <img src="/image" width="1200px" height="800px" >
  </body>
</html>

第二种 修改web.xml文件中的的页面显示默认页面

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <welcome-file-list>
        <welcome-file>image</welcome-file>
    </welcome-file-list>
</web-app>

效果图

在这里插入图片描述

程序员汐
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
java流在页面上显示图片_前端Web界面，显示Java后端的图片流
weixin_32205867的博客
02-16 1461
最近在做一个寺庙相关信息的大屏显示系统时，由于使用的历史系统后台，跨域问题较难解决，最后决定使用图片流的方式，在前端显示图片。后端Java如下：@RequestMapping(value = "/getFileStream", method = RequestMethod.GET)public void pdfStreamHandler(HttpServletRequest request,Htt...
java response 图片_response读取图片+下载图片
weixin_39968852的博客
02-19 656
读取图片import java.io.FileInputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.io.PrintWriter;import java.net.URLEncoder;import javax.servlet.ServletE...
使用response将图片展示在浏览器页面中
MissgirlFL的博客
01-08 1593
import javax.servlet.ServletOutputStream; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; public class ImgServlet extends javax.servlet.http.HttpServlet { protected void doPost(javax.servlet.http.HttpServletReq.
response输出流方式显示图片（二维码）
sinat_30228861的博客
07-28 2122
后台通过输出流显示图片或者二维码（以及乱码问题处理） 方式一 /** * 读取图片 */ @RequestMapping("/readPartImage") @ResponseBody public void readPartImage(HttpServletRequest request, HttpServletResponse response)throws Exception{ File file = new File("E:/qrCode
【java代码】——通过修改response达到下载文件或在浏览器中展示图片
你看到的逆袭，只不过是一场预备很久，草蛇灰线，伏笔千里的反攻
03-30 1841
前言 本地下载文件其实之前就接触过，但是一直存在疑问就是下载必须打开新的窗口，通过ajax请求无法达到下载文件的目的，所以一般对于异常的捕捉我自定义反应在界面上我通常都是再写一个接口，把各种异常都考虑到，然后执行新的下载命令。如果有更好的方法可以告知我，本篇主要讲的就是下载文件的两种方式以及将图片展示在浏览器中。当然这两种实现都离不开response的设置。 内容 通过浏览器展示图片 ...
java IO流读取图片供前台显示代码分享
08-28
Java IO流读取图片供前台显示需要使用 FileInputStream 和 ServletOutputStream 两种方式来读取图片文件，并将读取的图片数据写入到响应流中。前台页面可以使用 HTML 的 img 标签或 JavaScript 来展示读取的图片。
C#将图片和字节流互相转换并显示到页面上
01-01
C#将图片和字节流相互转换代码： usingSystem; usingSystem.Collections.Generic; usingSystem.Linq; usingSystem.Text; usingSystem.Drawing; usingSystem.IO; namespaceMicrosoft.Form.Base { classImageToByte {...
java IO流读取图片供前台显示
热门推荐
江西DJ烟仔的博客
04-18 3万+
最近项目中需要用到IO流来读取图片以提供前台页面展示,由于以前一直是用url路径的方式进行图片展示,一听说要项目要用IO流读取图片感觉好复杂一样,但任务下达下来了,做为程序员只有选择去执行喽,于是找了点资料看了会api, 嘿感觉挺简单的,由于是第一次采用IO流的方式进行读取图片供页面显示,所以把以下代码记录一下 后台代码: /** * IO流读取图片 by:long * @
java实现本地读取图片存储到数据库中并在html网页显示
05-18
在本文中，我们将深入探讨如何使用Java实现在本地读取图片并将其存储到数据库中，之后再通过HTML页面显示这些图片。这个过程涉及到的主要技术包括Java编程、数据库操作（特别是MySQL）以及前后端交互。 首先，我们...
java 输出图片流_java IO流读取图片供前台显示代码分享
weixin_42359449的博客
02-12 2517
最近项目中需要用到IO流来读取图片以提供前台页面展示,由于以前一直是用url路径的方式进行图片展示,一听说要项目要用IO流读取图片感觉好复杂一样,但任务下达下来了,做为程序员只有选择去执行喽,于是找了点资料看了会api,嘿感觉挺简单的,由于是第一次采用IO流的方式进行读取图片供页面显示,所以把以下代码记录一下后台代码:/*** IO流读取图片 by:long* @return*/@RequestM...
如何将图片转换成二进制存储
12-24
图片的常见存储与读取凡是有以下几种: 存储图片:以二进制的形式存储图片时，要把数据库中的字段设置为Image数据类型(SQL Server),存储的数据是Byte[]. 1.参数是图片路径:返回Byte[]类型: public byte[] GetPictureData(string imagepath) { /**/////根据图片文件的路径使用文件流打开，并保存为byte[] FileStream fs = new FileStream(imagepath, FileMode.Open);//可以是其他重载方法 byte[] byData = new byte[fs.Length]; fs.Read(byData, 0, byData.Length); fs.Close(); return byData; }2.参数类型是Image对象，返回Byte[]类型: public byte[] PhotoImageInsert(System.Drawing.Image imgPhoto) { //将Image转换成流数据，并保存为byte[] MemoryStream mstream = new MemoryStream(); imgPhoto.Save(mstream, System.Drawing.Imaging.ImageFormat.Bmp); byte[] byData = new Byte[mstream.Length]; mstream.Position = 0; mstream.Read(byData, 0, byData.Length); mstream.Close(); return byData; }好了,这样通过上面的方法就可以把图片转换成Byte[]对象，然后就把这个对象保存到数据库中去就实现了把图片的二进制格式保存到数据库中去了。下面我就谈谈如何把数据库中的图片读取出来，实际上这是一个相反的过程。 读取图片:把相应的字段转换成Byte[]即：Byte[] bt=(Byte[])XXXX 1.参数是Byte[]类型，返回值是Image对象: public System.Drawing.Image ReturnPhoto(byte[] streamByte) { System.IO.MemoryStream ms = new System.IO.MemoryStream(streamByte); System.Drawing.Image img = System.Drawing.Image.FromStream(ms); return img; }2.参数是Byte[] 类型，没有返回值，这是针对asp.net中把图片从输出到网页上(Response.BinaryWrite) public void WritePhoto(byte[] streamByte) { // Response.ContentType 的默认值为默认值为“text/html” Response.ContentType = "image/GIF"; //图片输出的类型有: image/GIF image/JPEG Response.BinaryWrite(streamByte); }补充: 针对Response.ContentType的值，除了针对图片的类型外，还有其他的类型： Response.ContentType = "application/msword"; Response.ContentType = "application/x-shockwave-flash"; Response.ContentType = "application/vnd.ms-excel";另外可以针对不同的格式，用不同的输出类型以适合不同的类型: switch (dataread("document_type")) { case "doc": Response.ContentType = "application/msword"; case "swf": Response.ContentType = "application/x-shockwave-flash"; case "xls": Response.ContentType = "application/vnd.ms-excel"; case "gif": Response.ContentType = "image/gif"; case "Jpg": Response.ContentType = "image/jpeg"; }
JSP之response响应生成图片
实践求真知
09-04 902
一代码 <%-- 通过contentType属性指定响应数据是图片 --%> <%@ page contentType="image/png" language="java"%> <%@ page import="java.awt.image.*,javax.imageio.*,java.io.*,java.awt.*"%> <% // 创建Buff...
java jsp显示图片,在servlet的jsp页面中显示图像
weixin_31781061的博客
02-20 710
My code is uploading an image and saving the image to my server, but I need to display the image in my jsp page.The jsp for uploading imageuploadImage.jsppageEncoding="ISO-8859-1"%>Image Uploadname...
IO流，C# 上传文件并保存，然后读取出该文件显示在页面
龙文浩的博客
12-10 394
//上传照片 private void Add_Image(object sender, MouseButtonEventArgs e) { MyCustomControlLibrary.MMessageBox.ShowLoading(MyCustomControlLibrary.MMessageBox.LoadType.rander , “Loading…”, new Point(0, 0), ...
jsp页面显示图片2
qq_23592855的博客
04-12 320
jsp页面显示图片自然是用img标签，但是src如果直接指向图片的路径，当添加图片后去查看是显示不出来的，因为没有加载到项目中，这里提供一个将图片以二进制流的方式传递的方法。 前端代码： src指向后台io流读取图片方法，我这里的imgId是拼接的图片名，因为我们上传时的图片名有标准规格，路径是服务器指定路径。 后台代码： @RequestMapping("/checkImgg") public...
在浏览器中通过response.setHeader实现图片显示和文件下载
余木尘的博客
09-15 4363
图片显示 response.setHeader("Content-type" , "jpeg"); File file = new File("E:/Javacode/exercise/12.jpg"); // 1) 读取本地文件 FileInputStream in = new FileInputStream(file); //定义个输出流 ServletOutputStream...
java进阶(八)------动态获取图片---服务端获取图片显示在jsp中
直到世界的尽头
09-07 1万+
应用场景如果我们本地或者服务器目录有一张图片，我们不能直接以访问静态资源的形式去访问这张图片。所以考虑使用Action(服务端)作为中介去获得这张图片。或者为了解决跨域问题:比如我们使用了canvas把我们的动态页绘制保存成静态html页，但是动态页又用了其它第三方来源的图片，这种情况下canvas是不能绘制成功的，因为canvas不能跨域去获取第三方的图片。所以我们需要把图片下载下来成流的形式再
.net 将图片文件转换成流输出到浏览器
anban5298的博客
04-17 734
aspx 页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...
Response.BinaryWrite()方法输出二进制图像
weixin_33868027的博客
10-08 2769
protected void Page_Load(object sender, EventArgs e) { FileStream fs = new FileStream(Server.MapPath("未命名.jpg"), FileMode.Open);//将图片文件存在文件流中 long fslength = fs.Le...
mysql数据库插入图片后使用java语言将blob数据转换为图片并在网页上显示出来
最新发布
05-26
在 Java 中，可以使用 JDBC API 将从 MySQL 数据库中检索到的 BLOB 数据转换为图片。然后，可以使用 Servlet 或 JSP 将图片嵌入到 HTML 中，以在 Web 页面上显示图片。下面是具体的步骤： 1. 使用 JDBC API 连接到 MySQL 数据库，并执行 SELECT 语句以检索包含图片的 BLOB 列。 ```java Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/mydatabase", "username", "password"); PreparedStatement stmt = conn.prepareStatement("SELECT data FROM images WHERE id = ?"); stmt.setInt(1, 1); ResultSet rs = stmt.executeQuery(); ``` 其中，1 是图片所在行的 ID。 2. 从 ResultSet 对象中提取 BLOB 列中的二进制数据。 ```java if (rs.next()) { Blob blob = rs.getBlob("data"); InputStream inputStream = blob.getBinaryStream(); } ``` 3. 将二进制数据转换为图片，并将其写入 Servlet 或 JSP 的输出流中。 ```java response.setContentType("image/jpeg"); // 设置响应内容类型为图片类型 OutputStream outputStream = response.getOutputStream(); byte[] buffer = new byte[4096]; // 缓冲区大小 int bytesRead = -1; while ((bytesRead = inputStream.read(buffer)) != -1) { outputStream.write(buffer, 0, bytesRead); // 将图片数据写入输出流 } inputStream.close(); outputStream.close(); ``` 其中，response.setContentType() 方法用于设置响应内容类型为图片类型，getOutputStream() 方法用于获取输出流，write() 方法用于将图片数据写入输出流。 4. 在 HTML 中嵌入图片。 ```html <img src="/imageServlet?id=1" alt="example"> ``` 其中，src 属性指向 Servlet 或 JSP 的 URL，id 参数指定图片所在行的 ID。 完整的代码示例如下： ImageServlet.java： ```java import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.sql.Blob; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class ImageServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try { Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/mydatabase", "username", "password"); PreparedStatement stmt = conn.prepareStatement("SELECT data FROM images WHERE id = ?"); stmt.setInt(1, Integer.parseInt(request.getParameter("id"))); ResultSet rs = stmt.executeQuery(); if (rs.next()) { Blob blob = rs.getBlob("data"); InputStream inputStream = blob.getBinaryStream(); response.setContentType("image/jpeg"); OutputStream outputStream = response.getOutputStream(); byte[] buffer = new byte[4096]; int bytesRead = -1; while ((bytesRead = inputStream.read(buffer)) != -1) { outputStream.write(buffer, 0, bytesRead); } inputStream.close(); outputStream.close(); } } catch (Exception e) { e.printStackTrace(); } } } ``` index.jsp： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Image Example</title> </head> <body> <img src="/imageServlet?id=1" alt="example"> </body> </html> ``` 其中，/imageServlet?id=1 是 Servlet 的 URL，id 参数指定图片所在行的 ID。将 ImageServlet.java 和 index.jsp 部署到 Web 服务器中，访问 index.jsp 即可在 Web 页面上显示图片。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值