关于java后台图片的前端显示

一，前端的图片显示都是读取数据流后在前端显示的，一般我们通过地址 找到图片文件然后读取，在前端读取的依然还是数据流

。所以我们直接返回图片数据流给前端也是能够解析显示的。当我们要对后台的图片进行一些操作再在前端显示时可以用到。

如：下面是图片加水印的工具类
/*******************************************************************************
 * Description: 图片水印工具类
 * 
 * @author zhangdi
 * @version 1.0
 */
/**
 * @author Administrator
 *
 */
public class ImageRemarkUtil {
    // 水印透明度
    private static float alpha = 0.8f;
    // 水印横向位置
    private static int positionWidth = 1550;
    // 水印纵向位置
    private static int positionHeight = 1050;
    // 水印文字字体
    private static Font font = new Font("宋体", Font.BOLD, 72);
    // 水印文字颜色
    private static Color color = Color.red;

    /**
     * 
     * @param alpha
     *            水印透明度
     * @param positionWidth
     *            水印横向位置
     * @param positionHeight
     *            水印纵向位置
     * @param font
     *            水印文字字体
     * @param color
     *            水印文字颜色
     */
    public static void setImageMarkOptions(float alpha, int positionWidth, int positionHeight, Font font, Color color) {
        if (alpha != 0.0f)
            ImageRemarkUtil.alpha = alpha;
        if (positionWidth != 0)
            ImageRemarkUtil.positionWidth = positionWidth;
        if (positionHeight != 0)
            ImageRemarkUtil.positionHeight = positionHeight;
        if (font != null)
            ImageRemarkUtil.font = font;
        if (color != null)
            ImageRemarkUtil.color = color;
    }

    /**
     * 给图片添加水印图片
     * 
     * @param iconPath
     *            水印图片路径
     * @param srcImgPath
     *            源图片路径
     */
    public static BufferedImage markImageByIcon(String iconPath, String srcImgPath) {
        OutputStream os = null;
        try {
            System.out.println("水印图："+iconPath);
            if(!new File(srcImgPath).exists()){
                return null;
            }
            Image srcImg = ImageIO.read(new File(srcImgPath));
            BufferedImage buffImg = new BufferedImage(srcImg.getWidth(null), srcImg.getHeight(null),
                    BufferedImage.TYPE_INT_RGB);
            int width = buffImg.getWidth();// 源图片的宽
            int height = buffImg.getHeight();// 源图片的高
            int imgwidth = (int) (width * 0.15);// 水印图片的宽
            int imgheight = (int) (height * 0.1);// 水印图片的高度
            positionWidth = (int) (width - imgwidth - width * 0.03);// 水印的位置所在的宽度
            positionHeight = (int) (height - imgheight - height * 0.03);// 水印的位置所在的高度
            // 1、得到画笔对象
            Graphics2D g = buffImg.createGraphics();

            // 2、设置对线段的锯齿状边缘处理
            g.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);

            g.drawImage(srcImg.getScaledInstance(srcImg.getWidth(null), srcImg.getHeight(null), Image.SCALE_SMOOTH), 0,
                    0, null);

            // 获取适合图片大小的水印图片
            Image img = ImageIO.read(new File(iconPath));
            BufferedImage buffImge = new BufferedImage(img.getWidth(null), img.getHeight(null),
                    BufferedImage.TYPE_INT_RGB);

            // 4、水印图片的路径 水印图片一般为gif或者png的，这样可设置透明度
            ImageIcon imgIcon = new ImageIcon(iconPath);

            // 5、得到Image对象。
            Graphics2D go = buffImge.createGraphics();// 初始化画笔

            img = img.getScaledInstance(imgwidth, imgheight, Image.SCALE_DEFAULT);// 改变水印图片大小

            g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, alpha));// 设置透明度
            go.drawImage(img, 0, 0, null); // 绘制缩小后的图
            // 6、水印图片的位置
            g.drawImage(img, positionWidth, positionHeight, null);
            g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER));
            // 7、释放资源
            g.dispose();
            go.dispose();
            System.out.println("图片完成添加水印图片");
            return buffImg;
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            try {
                if (null != os)
                    os.close();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
        return null;
    }

二，图片流回参时，是直接将图片流响应给respons 域里的

buffimg:图片流数据。

ImageIO.write(buffImg, "JPEG", response.getOutputStream());// 将文件流放入response中

响应到前台后接口便会响应数据流给前端；

最终的结果就是在标签的 src 属性上的图片路径被后台接口代替了。显示的就是接口处理过得图片了。