Gewusst wie: abrufen und anzeigen von Bildern aus einer Datenbank in eine JSP-Seite?

Lassen Sie uns sehen, in Schritten was passieren sollte:

• JSP ist im Grunde eine view-Technologie, die angeblich zum generieren der HTML-Ausgabe.
• Ein Bild anzeigen, die im HTML-Format benötigen Sie den HTML - <img> element.
• Zu lassen, suchen Sie ein Bild, geben Sie Ihre src Attribut.
• Die src - Attribut muss auf einen gültigen http:// URL und somit nicht um eine lokale Festplatte die Datei-system-Pfad file:// wie das würde nie funktionieren, wenn der server und der client laufen bei physikalisch unterschiedlichen Maschinen.
• Die Bild-URL haben muss, um die Bild id in der entweder der Pfad der Anforderung (z.B. http://example.com/context/images/foo.png) oder als request-parameter (z.B. http://example.com/context/images?id=1).
• Im JSP/Servlet-Welt, lassen Sie ein Servlet, das hören auf eine bestimmte URL-Muster wie /images/*, so dass Sie können führen Sie einfach eine Reihe von Java-code auf bestimmte URLs.
• Bilder sind binäre Daten und sind eingeholt werden, entweder als eine byte[] oder InputStream von der DB, die JDBC-API bietet die ResultSet#getBytes() und ResultSet#getBinaryStream() für diese, und JPA API bietet @Lob - .
• In der Servlet-Sie können schreiben Sie einfach das byte[] oder InputStream zu den OutputStream von der Reaktion der üblichen Java IO Weg.
• Der client-Seite muss angewiesen werden, dass die Daten so behandelt werden sollte wie ein Bild, so zumindest die Content-Type response-header muss gesetzt sein. Sie erhalten das Recht, über ServletContext#getMimeType() basierend auf Bild-Datei-Erweiterung, die Sie erweitern können und/oder außer Kraft setzen, über <mime-mapping> im web.xml.

Dass sollte es sein. Fast schreibt den code selbst. Beginnen wir mit HTML (in JSP):

<img src="${pageContext.request.contextPath}/images/foo.png">
<img src="${pageContext.request.contextPath}/images/bar.png">
<img src="${pageContext.request.contextPath}/images/baz.png">

Können Sie falls erforderlich auch dynamisch festlegen src mit EL während der Iteration mit JSTL:

<c:forEach items="${imagenames}" var="imagename">
    <img src="${pageContext.request.contextPath}/images/${imagename}">
</c:forEach>

Dann definieren/erstellen einer servlet das hört auf GET-Anfragen über URL-Muster der /images/* im folgenden Beispiel wird mit plain-vanilla-JDBC für den job:

@WebServlet("/images/*")
public class ImageServlet extends HttpServlet {

    //content=blob, name=varchar(255) UNIQUE.
    private static final String SQL_FIND = "SELECT content FROM Image WHERE name = ?";

    @Resource(name="jdbc/yourDB") //For Tomcat, define as <Resource> in context.xml and declare as <resource-ref> in web.xml.
    private DataSource dataSource;

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String imageName = request.getPathInfo().substring(1); //Returns "foo.png".

        try (Connection connection = dataSource.getConnection(); PreparedStatement statement = connection.prepareStatement(SQL_FIND)) {
            statement.setString(1, imageName);

            try (ResultSet resultSet = statement.executeQuery()) {
                if (resultSet.next()) {
                    byte[] content = resultSet.getBytes("content");
                    response.setContentType(getServletContext().getMimeType(imageName));
                    response.setContentLength(content.length);
                    response.getOutputStream().write(content);
                } else {
                    response.sendError(HttpServletResponse.SC_NOT_FOUND); //404.
                }
            }
        } catch (SQLException e) {
            throw new ServletException("Something failed at SQL/DB level.", e);
        }
    }

}

Das ist es. Falls Sie befürchten, dass die KOPF-und caching-Headern und richtig reagiert auf diese Anforderungen, verwenden Sie diese abstrakte Vorlage für die statische resource servlet.

Siehe auch:

• Wie soll ich eine Verbindung zum JDBC-Datenbank /Datenquelle in einer servlet-basierten Anwendung?
• Wie man ein Bild hochladen und speichern es in der Datenbank?
• Einfachste Weg, um die Verarbeitung statischer Daten von außerhalb der Anwendungs-server in einer Java-Webanwendung

InformationsquelleAutor BalusC

Versuchen zu Spülen, und schließen Sie die Ausgabe-stream, wenn es nicht angezeigt.
Blob image = rs.getBlob(ImageColName);
InputStream in = image.getBinaryStream();
//Ausgabe der blob auf der HttpServletResponse
response.setContentType("image/jpeg");
BufferedOutputStream o = new BufferedOutputStream(response.getOutputStream());

    byte by[] = new byte[32768];
    int index = in.read(by, 0, 32768);
    while (index != -1) {
        o.write(by, 0, index);
        index = in.read(by, 0, 32768);
    }
    o.flush();
    o.close();

InformationsquelleAutor Sonam Tshering

Ich verwendete SQL-SERVER-Datenbank und-so die Antwort-code in übereinstimmung. Alles, was Sie tun müssen, ist, gehören ein <img> tag in Ihrem jsp-Seite, und rufen Sie ein servlet, das von seinem src-Attribut wie dieses

<img width="200" height="180" src="DisplayImage?ID=1">

Hier 1 ist die eindeutige id des Bildes in der Datenbank und die ID ist eine variable. Wir erhalten Wert dieser Variablen im servlet. In der servlet-code, den wir nehmen der binäre stream input von der richtigen Spalte in der Tabelle. Das ist dein Bild gespeichert ist, in welcher Spalte. In meinem code habe ich verwendet, Dritte Spalte, da meine Bilder sind gespeichert als binäre Daten in der Dritten Spalte. Nach dem abrufen Eingabe-stream-Daten aus der Tabelle Lesen wir seinen Inhalt in ein Ausgabe-stream, so kann es sein, geschrieben auf dem Bildschirm. Hier ist es

import java.io.*;  
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.servlet.*;  
import javax.servlet.http.*;  
import model.ConnectionManager;
public class DisplayImage extends HttpServlet { 
    public void doGet(HttpServletRequest request,HttpServletResponse response)  
             throws IOException  
    { 
    Statement stmt=null;
    String sql=null;
    BufferedInputStream bin=null;
    BufferedOutputStream bout=null;
    InputStream in =null;

    response.setContentType("image/jpeg");  
    ServletOutputStream out;  
    out = response.getOutputStream();  
    Connection conn = ConnectionManager.getConnection();

    int ID = Integer.parseInt(request.getParameter("ID"));
        try {
            stmt = conn.createStatement();
            sql = "SELECT * FROM IMAGETABLE WHERE ID="+ID+"";
            ResultSet result = stmt.executeQuery(sql);
            if(result.next()){
                in=result.getBinaryStream(3);//Since my data was in third column of table.
            }
            bin = new BufferedInputStream(in);  
            bout = new BufferedOutputStream(out);  
            int ch=0;   
            while((ch=bin.read())!=-1)  
                {  
                bout.write(ch);  
            }  

        } catch (SQLException ex) {
            Logger.getLogger(DisplayImage.class.getName()).log(Level.SEVERE, null, ex);
        }finally{
        try{
            if(bin!=null)bin.close();  
            if(in!=null)in.close();  
            if(bout!=null)bout.close();  
            if(out!=null)out.close();
            if(conn!=null)conn.close();
        }catch(IOException | SQLException ex){
            System.out.println("Error : "+ex.getMessage());
        }
    }


    }  
}  

Nachdem die Ausführung der jsp-oder html-Datei sehen Sie das Bild auf dem Bildschirm.

InformationsquelleAutor Gaurav Mahindra