Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Java EE (J2EE) и Spring > Вывод PNG картинки на веб страницу

Автор: Akeem 15.11.2009, 14:18

Столкнулся с проблемой при выводе картинки на веб страницу.
Что есть? Есть PHP код который нужно переписать на яве:

Код


<?php

$img = base64_decode($db->query($sql)->next('encoded_picture'));
header('Accept-Ranges: bytes');
header('Content-Length: '.strlen($img));
header('Content-Type: image/png');
echo $img;

Я использую Struts 1.3 + Velocity
Картинка (PNG) лежит в базе закодирована в Base64. Достать из базы не проблема. Проблема начинается когда нужно преобразовать Base64 в картинку и показать ее на веб-странице.

Гугл дал много советов, только чет не получается у меня с ними.

Я декодирую картинку с помощью apache-codec

Код


public byte[] getScreenPicture(int screenid)
    {
        byte[] picture = {};
        Base64 b64 = new Base64();

        try
        {
            Screenshot sc = em.find(Screenshot.class, screenid);
            picture = b64.decodeBase64(sc.getEncodedPicture());
            File f = new File("picturefile.png");
            RenderedImage im = null;
            ImageIO.write(im, "png", f);

            FileOutputStream fs = new FileOutputStream(f);
            fs.write(picture);
            fs.close();

        }
        catch (IOException e)
        {
            e.printStackTrace();
        }
        return picture;
    }

Но вывести не могу. (Я пытаюсь запихнуть полученые данные в переменную, но это не правильно)

Подскажите как выводить картинки без сохранения из в файл.

П.С. Если не сложно то с примером smile

Автор: garbuz 15.11.2009, 21:46

Цитата(Akeem @ 15.11.2009, 14:18

)

Но вывести не могу. (Я пытаюсь запихнуть полученые данные в переменную, но это не правильно)

Байты надо записывать в outputStream респонса. Как это будет в стратсе, сказать сейчас не могу )

Автор: Akeem 15.11.2009, 21:52

garbuz,
Игрался с OutputStream респонса. И даже писал во врайтер исходя из предположения, что стратс подменяет принтстрим необходимый для вывода контекста велосити.
Никаких результатов.

Может есть какой-то общий способ вывода картинки? Например в jsp.
мне нужно будет использовать вместо велосити темплейты страницу jsp (получится микс)

Автор: garbuz 15.11.2009, 21:56

Ну тогда пишите отдельный сервлет, который вам будет отдавать по какому-то id картинку. А в велосити темплейте прямо вставляйте обычную ссылку.

Автор: Akeem 16.11.2009, 09:30

garbuz,
А можно пример такого сервлета?

Автор: dementiev 16.11.2009, 12:28

Akeem, поищи поиск по форуму, я находил тут тему, помню, что garbuz там давал кусок кода(вроде как). Проблема не в стратсе, у экшна то есть доступ к респонсу, а в самом методе, как ты это делаешь.

Порылся, нашёл у себя такой метод(работает для сервлета). В базе храню не сами картинки, а пути, мне так удобнее редактировать картинки.

Код


//в jsp: <td><img src="servlet?action=${category.picture}"/></td>
 if (action.startsWith("E:\\yourImages")) { 
            FileInputStream in = new FileInputStream(action);
            ServletOutputStream out = response.getOutputStream();
            response.setContentType("image/jpeg");
            for (int i = in.read(); i > -1; i = in.read())
                out.write(i);
            out.flush();
            out.close();
            in.close();
}

Где

Код


${category.picture}

это путь к картинке(т.е. не объект).

Можно улучшить и сделать отдачу по айди, как сказал garbuz.

Автор: garbuz 16.11.2009, 13:36

Код


private void viewImage(HttpServletRequest request, HttpServletResponse response, String fileName) throws ServletException, IOException {
        String path = getServletContext().getRealPath("");
        String sessionId = request.getSession().getId();
        fileName = fileName + FileUtil.MARKER_EXTENTION;
        File file = FileUtil.getFileByName(path, sessionId, fileName);

        BufferedImage image = ImageIO.read(file);
        ByteArrayOutputStream out = new ByteArrayOutputStream();
        ImageIO.write(image, "jpeg", out);
        byte[] imageBytes = out.toByteArray();
        response.setContentLength(imageBytes.length);
        response.getOutputStream().write(imageBytes);


    }

Автор: Akeem 16.11.2009, 21:58

Спасибо за помощь.
Работает.

Картинка представлена в BASE64:
Задача: Вывести эту картинку на веб-страницу.
Решение:

Код


//функция декодинга png картинки
public byte[] getScreenPicture(int screenid)
    {
        byte[] picture = {};
        Base64 b64 = new Base64();

        Screenshot sc = em.find(Screenshot.class, screenid);
        picture = b64.decodeBase64(sc.getEncodedPicture());            
        
        return picture;
    }

//контроллер (или Action в Struts:
public ActionForward execute(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response)
            throws Exception
    {
        String screen_id = request.getParameter("sid");
        ScreenModel screen = new ScreenModel(this.dbutil);
        byte[] decodedscreen = screen.getScreenPicture(Integer
                .parseInt(screen_id));

        ServletOutputStream out = response.getOutputStream();
        response.setContentLength(decodedscreen.length);
        response.setContentType("image/png");
        out.write(decodedscreen);

        return null;
    }

// struts-config
<action path="/img" type="gp.qatool.viewer.controllers.ScreenshotController" input="/someinput" />