Najprostszy sposób serwowania statycznych danych spoza serwera aplikacji w aplikacji internetowej Java

Możesz to zrobić, umieszczając swoje obrazy na ustalonej ścieżce (na przykład: / var / images, lub c:\images), Dodaj ustawienie w ustawieniach aplikacji (reprezentowane w moim przykładzie przez ustawienia.klasy), i załadować je tak, w HttpServlet swojej:

String filename = Settings.getValue("images.path") + request.getParameter("imageName")
FileInputStream fis = new FileInputStream(filename);

int b = 0;
while ((b = fis.read()) != -1) {
        response.getOutputStream().write(b);
}

Lub jeśli chcesz manipulować obrazem:

String filename = Settings.getValue("images.path") + request.getParameter("imageName")
File imageFile = new File(filename);
BufferedImage image = ImageIO.read(imageFile);
ImageIO.write(image, "image/png", response.getOutputStream());

Wtedy kod html będzie <img src="imageServlet?imageName=myimage.png" />

Oczywiście należy pomyśleć o serwowaniu różnych typów treści - "image / jpeg", na przykład w oparciu o rozszerzenie pliku. Również powinieneś podaj buforowanie.

Dodatkowo możesz użyć tego servletu do przeskalowania jakości obrazów, podając jako argumenty parametry szerokości i wysokości oraz używając image.getScaledInstance(w, h, Image.SCALE_SMOOTH), Oczywiście biorąc pod uwagę wydajność.

Wymagania: dostęp do zasobów statycznych (obrazy/filmy., itd.,) spoza katalogu WEBROOT lub z dysku lokalnego

Krok 1:
Utwórz folder pod webapps serwera tomcat., powiedzmy, że nazwa folderu to myproj

Krok 2:
pod myproj utwórz folder WEB-INF pod tym Utwórz prostą stronę internetową.xml

Kod pod web.xml

<web-app>
</web-app>

Struktura katalogów dla powyższych dwóch kroków

c:\programfile\apachesoftwarefoundation\tomcat\...\webapps
                                                            |
                                                            |---myproj
                                                            |   |
                                                            |   |---WEB-INF
                                                                |   |
                                                                    |---web.xml

Krok 3:
Teraz Utwórz plik xml o nazwie myproj.xml w następującej lokalizacji

c:\programfile\apachesoftwarefoundation\tomcat\conf\catalina\localhost

Kod w myproj.xml:

<Context path="/myproj/images" docBase="e:/myproj/" crossContext="false" debug="0" reloadable="true" privileged="true" /> 

Krok 4:
4 A) teraz utwórz folder o nazwie myproj na dysku E Twojego dysku twardego i utwórz nowy

Folder z nazwą images i umieść niektóre obrazy w folderze images (e:myproj\images\)

Załóżmy, że myfoto.jpg znajduje się pod e:\myproj\images\myfoto.jpg

4 B) teraz utwórz folder o nazwie WEB-INF w e:\myproj\WEB-INF i utwórz web.xml w folderze WEB-INF

Kod w sieci.xml

<web-app>
</web-app>

Krok 5:
Utwórz teraz .dokument html z indeksem nazw.html i umieść pod e:\myproj

Kod pod indeksem.html Witamy w Myproj

Struktura katalogów dla powyższego kroku 4 i kroku 5 jest następująca

E:\myproj
    |--index.html
    |
    |--images
    |     |----myfoto.jpg
    |
    |--WEB-INF
    |     |--web.xml

Krok 6:
Teraz uruchom serwer Apache tomcat

Krok 7:
otwórz przeglądarkę i wpisz adres url jako follows

http://localhost:8080/myproj    

Następnie u wyświetla zawartość podaną w indeksie.html

Krok 8:
Aby uzyskać dostęp do obrazów pod lokalnym dyskiem twardym (poza webroot)

http://localhost:8080/myproj/images/myfoto.jpg

Dodaj do serwera.xml:

 <Context docBase="c:/dirtoshare" path="/dir" />

Włącz parametr listy plików dir w sieci web.xml:

    <init-param>
        <param-name>listings</param-name>
        <param-value>true</param-value>
    </init-param>

To jest historia z mojego miejsca pracy:
- Staramy się przesyłać mnożyć obrazy i pliki dokumentów za pomocą Struts 1 i Tomcat 7.x.
- Staramy się zapisywać przesłane pliki do systemu plików, nazwy pliku i pełną ścieżkę do rekordów bazy danych.
- Staramy się oddzielić foldery plików poza katalog aplikacji WWW. (*)

Poniższe rozwiązanie jest dość proste, skuteczne dla wymagań (*):

W pliku META-INF/context.xml plik o następującej treści: (Przykład, moja aplikacja run at http://localhost:8080/ABC, my application / project named ABC). (jest to również pełna zawartość pliku context.xml)

<?xml version="1.0" encoding="UTF-8"?>
<Context path="/ABC" aliases="/images=D:\images,/docs=D:\docs"/>

Result: We have been created 2 alias. Na przykład, zapisujemy obrazy w: D:\images\foo.jpg i widok z linku lub za pomocą znacznika obrazka:

<img src="http://localhost:8080/ABC/images/foo.jsp" alt="Foo" height="142" width="142">

Lub

<img src="/images/foo.jsp" alt="Foo" height="142" width="142">

(używam Netbeans 7.x, NetBeans wydają się automatycznie tworzyć plik WEB-INF\context.xml)

Jeśli zdecydujesz się wysłać do FileServlet, będziesz również potrzebował allowLinking="true" w context.xml, aby umożliwić FileServlet przemierzanie dowiązań symbolicznych.

Zobacz http://tomcat.apache.org/tomcat-6.0-doc/config/context.html

Jeśli ktoś nie jest w stanie rozwiązać swojego problemu z zaakceptowaną odpowiedzią, zwróć uwagę na poniższe rozważania:

1. nie trzeba wspominać localhost:<port> z atrybutem <img> src.
2. upewnij się, że uruchamiasz ten projekt poza eclipse, ponieważ eclipse tworzy wpis context docBase samodzielnie wewnątrz lokalnego pliku server.xml.

Odczytaj strumień wejściowy pliku i zapisz go do ServletOutputStream do wysyłania danych binarnych do klienta.

• plik lokalny możesz odczytać plik bezpośrednio używając FileInputStream('ścieżka/obraz.png") .
• Plik bazy danych Mongo możeszget InputStream using GridFS.

@WebServlet("/files/URLStream")
public class URLStream extends HttpServlet {
    private static final long serialVersionUID = 1L;

    public URLStream() {
        super();
    }

    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        File source = new File("D:\\SVN_Commit.PNG");
        long start = System.nanoTime();

        InputStream image = new FileInputStream(source);

        /*String fileID = request.getParameter("id");
        System.out.println("Requested File ID : "+fileID);
        // Mongo DB GridFS - https://stackoverflow.com/a/33544285/5081877
        image = outputImageFile.getInputStream();*/

        if( image != null ) {
            BufferedInputStream bin = null;
            BufferedOutputStream bout = null;
            ServletOutputStream sos = response.getOutputStream();
            try {
                bin = new BufferedInputStream( image );
                bout = new BufferedOutputStream( sos );
                int ch =0; ;
                while((ch=bin.read())!=-1) {
                    bout.write(ch);
                }
            } finally {
                bin.close();
                image.close();
                bout.close();
                sos.close();
            }

        } else {
            PrintWriter writer = response.getWriter();
            writer.append("Something went wrong with your request.");
            System.out.println("Image not available.");
        }
        System.out.println("Time taken by Stream Copy = "+(System.nanoTime()-start));
    }
}

Wywołaj adres URL bezpośrednio do src attibute.

<img src='http://172.0.0.1:8080/ServletApp/files/URLStream?id=5a575be200c117cc2500003b' alt="mongodb File"/>
<img src='http://172.0.0.1:8080/ServletApp/files/URLStream' alt="local file"/>

<video controls="controls" src="http://172.0.0.1:8080/ServletApp/files/URLStream"></video>

Jeśli chcesz pracować z JAX-RS (np. RESTEasy) spróbuj tego:

@Path("/pic")
public Response get(@QueryParam("url") final String url) {
    String picUrl = URLDecoder.decode(url, "UTF-8");

    return Response.ok(sendPicAsStream(picUrl))
            .header(HttpHeaders.CONTENT_TYPE, "image/jpg")
            .build();
}

private StreamingOutput sendPicAsStream(String picUrl) {
    return output -> {
        try (InputStream is = (new URL(picUrl)).openStream()) {
            ByteStreams.copy(is, output);
        }
    };
}

Używając javax.ws.rs.core.Response i com.google.common.io.ByteStreams

Zrobiłem to jeszcze prościej. Problem: plik CSS miał linki url do folderu img. Dostaje 404.

Spojrzałem na url, http://tomcatfolder:port/img/blablah.png , który nie istnieje. Ale to naprawdę wskazuje na aplikację ROOT w Tomcat.

Więc po prostu skopiowałem folder img z mojej webapp do tej aplikacji ROOT. Działa!

Nie jest to oczywiście zalecane do produkcji, ale jest to wewnętrzna aplikacja do tworzenia narzędzi.