HTML image 轉換二進制圖片在頁面顯示。

最近做項目,HTML頁面通過image標籤帶ID的方式向server端請求圖片資源。
server端從數據庫獲得請求圖片的二進制流,然後將該二進制流response到請求頁面,該請求頁的HTML image能夠自動將二進制流在頁面上顯示成圖片。
這不是什麼技術難題,而是以前沒有這麼用過,現記錄下我的測試Demo,以便日後參考。
1. 發起請求頁面 //ImageClient.jsp
<%@ page language="java" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>ImageRequest</TITLE>
</HEAD>
<BODY>
<img src="http://127.0.0.1:8080/ImageServer.jsp"/>
</BODY>
</HTML>
2. 接受請求並返回結果頁 //ImageServer.jsp
<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ page import="java.io.*"%>
<%
        System.out.print("enter...");
        String filePath = "C:/Program Files/Tomcat/Tomcat-7.0.4/webapps/ROOT/ericsson.gif";
File file = new File(filePath);
InputStream fis;
try {
fis = new FileInputStream(file);
byte[] buf=new byte[(int)fis.available()];
fis.read(buf);
response.setContentType("application/binary;charset=ISO8859_1");
            OutputStream outs = response.getOutputStream();
            outs.write(buf);
            outs.flush();
            out.clear();
            out = pageContext.pushBody();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
%>
3. 測試結果
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章