java多圖片上傳--前端實現預覽
前端代碼：
https://pan.baidu.com/s/1cqKbmjBSXOhFX4HR1XGkyQ
解壓后：
java后台：
<!--文件上傳-->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.2.1</version>
</dependency>
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>1.4</version>
</dependency>
圖片壓縮 、圖片縮放，區域裁剪，水印，旋轉，保持比例。
圖片處理是當今軟件開發中非常重要的一環，然而處理圖片的開源框架卻並不多。現金網上流傳的Java處理圖片的代碼，雖然可對圖片進行簡單處理，但效果並不理想。雖然也有些其他解決方案，但都擺脫不了繁瑣，使用起來十分不方便。
為了解決這個問題，我也是在網上找了好久，看了很多資料，功夫不負有心人，最終找到了一個處理圖片十分棒的開源框架。特此拿出來與大家分享。
Thumbnailator 是一個優秀的圖片處理的Google開源Java類庫。處理效果遠比Java API的好。從API提供現有的圖像文件和圖像對象的類中簡化了處理過程，兩三行代碼就能夠從現有圖片生成處理后的圖片，且允許微調圖片的生成方式，同時保持了需要寫入的最低限度的代碼量。還支持對一個目錄的所有圖片進行批量處理操作。
支持的處理操作：圖片縮放，區域裁剪，水印，旋轉，保持比例。
另外值得一提的是，Thumbnailator至今仍不斷更新，怎么樣，感覺很有保障吧！
Thumbnailator官網：http://code.google.com/p/thumbnailator/
下面我們介紹下如何使用Thumbnailator
maven 依賴：
<!--google thumbnailator -->
<dependency>
<groupId>net.coobird</groupId>
<artifactId>thumbnailator</artifactId>
<version>0.4.8</version>
</dependency>
1、指定大小進行縮放
//size(寬度, 高度) /* * 若圖片橫比200小，高比300小，不變 * 若圖片橫比200小，高比300大，高縮小到300，圖片比例不變 * 若圖片橫比200大，高比300小，橫縮小到200，圖片比例不變 * 若圖片橫比200大，高比300大，圖片按比例縮小，橫為200或高為300 */ Thumbnails.of("images/a380_1280x1024.jpg") .size(200, 300) .toFile("c:/a380_200x300.jpg"); Thumbnails.of("images/a380_1280x1024.jpg") .size(2560, 2048) .toFile("c:/a380_2560x2048.jpg");
2、按照比例進行縮放
//scale(比例) Thumbnails.of("images/a380_1280x1024.jpg") .scale(0.25f) .toFile("c:/a380_25%.jpg"); Thumbnails.of("images/a380_1280x1024.jpg") .scale(1.10f) .toFile("c:/a380_110%.jpg");
3、不按照比例，指定大小進行縮放
//keepAspectRatio(false)默認是按照比例縮放的 Thumbnails.of("images/a380_1280x1024.jpg") .size(200,200) .keepAspectRatio(false) .toFile("c:/a380_200x200.jpg");
4、旋轉
//rotate(角度),正數：順時針負數：逆時針 Thumbnails.of("images/a380_1280x1024.jpg") .size(1280,1024) .rotate(90) .toFile("c:/a380_rotate+90.jpg"); Thumbnails.of("images/a380_1280x1024.jpg") .size(1280,1024) .rotate(-90) .toFile("c:/a380_rotate-90.jpg");
5、水印：
//watermark(位置，水印圖，透明度) Thumbnails.of("images/a380_1280x1024.jpg") .size(1280,1024) .watermark(Positions.BOTTOM_RIGHT,ImageIO.read(newFile("images/watermark.png")),0.5f) .outputQuality(0.8f) .toFile("c:/a380_watermark_bottom_right.jpg");
Thumbnails.of(fileInputStream)
.size(1080, 1372)
.watermark(new Coordinate(807, 1115), ImageIO.read(new File(watermarkFile)), 1.0f) //確定水印的起始位置和透明度
.toFile("G:\\TestPicWatermark\\00001.jpg");
}
6、裁剪
//sourceRegion() //圖片中心400*400的區域 Thumbnails.of("images/a380_1280x1024.jpg") .sourceRegion(Positions.CENTER,400,400) .size(200,200) .keepAspectRatio(false) .toFile("c:/a380_region_center.jpg"); //圖片右下400*400的區域 Thumbnails.of("images/a380_1280x1024.jpg") .sourceRegion(Positions.BOTTOM_RIGHT,400,400) .size(200,200) .keepAspectRatio(false) .toFile("c:/a380_region_bootom_right.jpg"); //指定坐標 Thumbnails.of("images/a380_1280x1024.jpg") .sourceRegion(600,500,400,400) .size(200,200) .keepAspectRatio(false) .toFile("c:/a380_region_coord.jpg");
7、轉化圖像格式
//outputFormat(圖像格式) Thumbnails.of("images/a380_1280x1024.jpg") .size(1280,1024) .outputFormat("png") .toFile("c:/a380_1280x1024.png"); Thumbnails.of("images/a380_1280x1024.jpg") .size(1280,1024) .outputFormat("gif") .toFile("c:/a380_1280x1024.gif");
JDK自帶的圖片處理：
/** * @Author dw * @ClassName ImageUtils * @Description jdk自帶的圖片處理工具 * @Date 2020/6/16 13:47 * @Version 1.0 */ public class ImageUtils { /** * 給圖片添加文字水印 * * @param message 水印文字 * @param srcImageFile 源圖像地址 * @param destImageFile 目標圖像地址 * @param fontName 水印的字體名稱 eg："微軟雅黑" * @param fontStyle 水印的字體樣式 eg： Font.BOLD * @param color 水印的字體顏色 eg：Color.RED * @param fontSize 水印的字體大小 * @param x 水印文字在圖片中的x坐標 * @param y 水印文字在圖片中的Y坐標 * @param alpha 透明度：alpha 必須是范圍 [0.0, 1.0] 之內（包含邊界值）的一個浮點數字 */ public final static void addTextWatermark(String message, String srcImageFile, String destImageFile, String fontName, int fontStyle, Color color, int fontSize, int x, int y, float alpha) { try { BufferedImage bufferedImage = ImageIO.read(new File(srcImageFile)); Graphics2D g = bufferedImage.createGraphics(); // 設置畫筆的顏色 g.setColor(color); // 設置字體 g.setFont(new Font(fontName, fontStyle, fontSize)); //設置畫布的背景色 g.setBackground(Color.WHITE); /* 消除java.awt.Font字體的鋸齒 */ g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, alpha)); // 在指定坐標繪制水印文字 g.drawString(message, x, y); g.dispose(); // 輸出到文件流 ImageIO.write(bufferedImage, "JPEG", new File(destImageFile)); } catch (Exception e) { e.printStackTrace(); } } /** * 給圖片添加圖片水印 * * @param watermarkImg 水印圖片 * @param srcImageFile 源圖像地址 * @param destImageFile 目標圖像地址 * @param x 修正值。 默認在中間 * @param y 修正值。 默認在中間 * @param alpha 透明度：alpha 必須是范圍 [0.0, 1.0] 之內（包含邊界值）的一個浮點數字 */ public final static void addImageWatermark(String watermarkImg, String srcImageFile, String destImageFile, int x, int y, float alpha) { try { BufferedImage resultImage = ImageIO.read(new File(srcImageFile)); Graphics2D g = resultImage.createGraphics(); // 水印文件 BufferedImage watermarkImage = ImageIO.read(new File(watermarkImg)); g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, alpha)); g.drawImage(watermarkImage, x,y,null); // 水印文件結束 g.dispose(); ImageIO.write(resultImage, "JPEG", new File(destImageFile)); } catch (Exception e) { e.printStackTrace(); } } /** * 創建一個水印圖片 * * @param imageWidth 圖片的寬度 px * @param imageHeight 圖片的高度 px * @param message 水印圖片上的類容 * @param font 字體 eg: "YouYuan" * @param fontSize 字體大小 * @return */ public static BufferedImage createWatermarkImage(Integer imageWidth, Integer imageHeight, String message, String font, Integer fontSize) { //創建水印圖片 BufferedImage bufferedImage = new BufferedImage(imageWidth, imageHeight, BufferedImage.TYPE_INT_RGB); // 返回一個支持指定透明度bufferedImage BufferedImageGraphicsConfig config = BufferedImageGraphicsConfig.getConfig(bufferedImage); bufferedImage = config.createCompatibleImage(imageWidth, imageHeight, Transparency.TRANSLUCENT); Graphics2D graphics2D = bufferedImage.createGraphics(); //設置文字的顏色 graphics2D.setColor(Color.RED); // 設置畫筆的粗細 // graphics2D.setStroke(new BasicStroke(2f)); // 設置字體 graphics2D.setFont(new Font(font, Font.BOLD, fontSize)); //設置為透明覆蓋 // graphics2D.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, 1.0f)); //設置畫布的背景色 // g.setBackground(Color.WHITE); //通過使用當前繪圖表面的背景色進行填充來使畫布背景色生效 // g.clearRect(0,0,imgWidth,imgHeight); /* 消除java.awt.Font字體的鋸齒 */ graphics2D.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); // 計算文字在水印圖片上居中顯示 int watermarkLength = getWatermarkLength(message, graphics2D); // 在指定坐標繪制水印文字 graphics2D.drawString(message, (imageWidth - watermarkLength) / 2, imageHeight / 2); graphics2D.dispose(); return bufferedImage; } /** * 同一行畫出不同的字體 * * @param g * @param str 需要畫的內容 */ public void diffFontOnline(Graphics2D g, String str) { Font pinfang_44 = new Font("蘋方-簡 中黑體", Font.BOLD, 44); Font pinfang_24 = new Font("蘋方-簡 常規體", Font.PLAIN, 24); //第一行字 AttributedString as1 = new AttributedString(str); //設置同一行字體不同 beginIndex : 該字符串開始的下標 as1.addAttribute(TextAttribute.FONT, pinfang_24, 0, 1); as1.addAttribute(TextAttribute.FONT, pinfang_44, 1, 10); as1.addAttribute(TextAttribute.FONT, pinfang_24, 10, 20); g.drawString(as1.getIterator(), 18, 45); } /** * 獲取水印文字總長度 * * @param waterMarkContent 水印的文字 * @param g * @return 水印文字總長度 */ public static int getWatermarkLength(String waterMarkContent, Graphics2D g) { return g.getFontMetrics(g.getFont()).charsWidth(waterMarkContent.toCharArray(), 0, waterMarkContent.length()); }
// 獲取文字高度
private int getStringHeight(Graphics g) {
int height = g.getFontMetrics().getHeight();
System.out.println("字符高度:"+height);
return height;
}
}
如果設置字體出現亂碼框框；問號等，需要在服務器安裝字體。
1. 查看服務器是否安裝字體庫: # fc-list 未安裝的情況下 2. 安裝字體庫: 執行 yum -y install fontconfig 這時在/usr/shared目錄就可以看到fonts和fontconfig目錄了（之前是沒有的）： 3運行 ： yum -y group info fonts 4. 下載字體並上傳字體文件到/usr/share/fonts 目錄 5. 字體生效 執行 fc-cache -fv 若測試不生效,嘗試重啟服務器即可。