一、缩略图
在浏览相冊的时候。可能须要生成相应的缩略图。
直接上代码:
public class ImageUtil { private Logger log = LoggerFactory.getLogger(getClass()); private static String DEFAULT_PREVFIX = "thumb_"; private static Boolean DEFAULT_FORCE = false;//建议该值为false /** *Title: thumbnailImage
*Description: 依据图片路径生成缩略图
* @param imagePath 原图片路径 * @param w 缩略图宽 * @param h 缩略图高 * @param prevfix 生成缩略图的前缀 * @param force 是否强制依照宽高生成缩略图(假设为false,则生成最佳比例缩略图) */ public void thumbnailImage(String imagePath, int w, int h, String prevfix, boolean force){ File imgFile = new File(imagePath); if(imgFile.exists()){ try { // ImageIO 支持的图片类型 : [BMP, bmp, jpg, JPG, wbmp, jpeg, png, PNG, JPEG, WBMP, GIF, gif] String types = Arrays.toString(ImageIO.getReaderFormatNames()); String suffix = null; // 获取图片后缀 if(imgFile.getName().indexOf(".") > -1) { suffix = imgFile.getName().substring(imgFile.getName().lastIndexOf(".") + 1); }// 类型和图片后缀所有小写,然后推断后缀是否合法 if(suffix == null || types.toLowerCase().indexOf(suffix.toLowerCase()) < 0){ log.error("Sorry, the image suffix is illegal. the standard image suffix is {}." + types); return ; } log.debug("target image's size, width:{}, height:{}.",w,h); Image img = ImageIO.read(imgFile); if(!force){ // 依据原图与要求的缩略图比例,找到最合适的缩略图比例 int width = img.getWidth(null); int height = img.getHeight(null); if((width*1.0)/w < (height*1.0)/h){ if(width > w){ h = Integer.parseInt(new java.text.DecimalFormat("0").format(height * w/(width*1.0))); log.debug("change image's height, width:{}, height:{}.",w,h); } } else { if(height > h){ w = Integer.parseInt(new java.text.DecimalFormat("0").format(width * h/(height*1.0))); log.debug("change image's width, width:{}, height:{}.",w,h); } } } BufferedImage bi = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB); Graphics g = bi.getGraphics(); g.drawImage(img, 0, 0, w, h, Color.LIGHT_GRAY, null); g.dispose(); String p = imgFile.getPath(); // 将图片保存在原文件夹并加上前缀 ImageIO.write(bi, suffix, new File(p.substring(0,p.lastIndexOf(File.separator)) + File.separator + prevfix +imgFile.getName())); log.debug("缩略图在原路径下生成成功"); } catch (IOException e) { log.error("generate thumbnail image failed.",e); } }else{ log.warn("the image is not exist."); } } public static void main(String[] args) { new ImageUtil().thumbnailImage("C:/Users/cm/Desktop/我的页面/images/girlNoImg.jpg", 100, 150,DEFAULT_PREVFIX,DEFAULT_FORCE); }}
直接执行main方法,填入相相应的參数就可以。
二、配合 js 生成裁剪图片
在我们改动个人微博、qq资料的时候能够上传个人头像,并能够剪裁个人头像然后上传。剪裁图片的大小样式是通过javascript实现的,可是它并不能生成一个新的图片。可是js剪裁图片提供图片的x,y坐标以及宽高,通过这四个參数我们能够依据原图片生成新的剪裁图片。
步骤: 1、首先通过页面利用js实现图片剪切浏览功能。我參照慕课网提供的资料并略微更改了一下。另外我们也能够使用插件,比方Jcrop是款非常不错的图片裁剪插件。下载地址:
最后效果图如上,左側能够拖动拖拉,右側是预览图。2、java生成并保存剪切图片
public class ImageUtil2 { private Logger log = LoggerFactory.getLogger(getClass()); private static String DEFAULT_CUT_PREVFIX = "cut_"; /** * Description: 依据原图与裁切size截取局部图片 * @param srcImg 源图片 * @param output 图片输出流 * @param rect 须要截取部分的坐标和大小 */ public void cutImage(File srcImg, OutputStream output,java.awt.Rectangle rect) { if (srcImg.exists()) { java.io.FileInputStream fis = null; ImageInputStream iis = null; try { fis = new FileInputStream(srcImg); // ImageIO 支持的图片类型 : [BMP, bmp, jpg, JPG, wbmp, jpeg, png, PNG, // JPEG, WBMP, GIF, gif] String types = Arrays.toString(ImageIO.getReaderFormatNames()) .replace("]", ","); String suffix = null; // 获取图片后缀 if (srcImg.getName().indexOf(".") > -1) { suffix = srcImg.getName().substring(srcImg.getName().lastIndexOf(".") + 1); }// 类型和图片后缀所有小写。然后推断后缀是否合法 if (suffix == null || types.toLowerCase().indexOf(suffix.toLowerCase() + ",") < 0) { log.error("Sorry, the image suffix is illegal. the standard image suffix is {}."+ types); return; } // 将FileInputStream 转换为ImageInputStream iis = ImageIO.createImageInputStream(fis); // 依据图片类型获取该种类型的ImageReader ImageReader reader = ImageIO.getImageReadersBySuffix(suffix).next(); reader.setInput(iis, true); ImageReadParam param = reader.getDefaultReadParam(); param.setSourceRegion(rect); BufferedImage bi = reader.read(0, param); ImageIO.write(bi, suffix, output); log.info("图片生成成功,请到文件夹下查看"); } catch (FileNotFoundException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } finally { try { if (fis != null) fis.close(); if (iis != null) iis.close(); } catch (IOException e) { e.printStackTrace(); } } } else { log.warn("the src image is not exist."); } } //生成目标文件路径 public void cutImage(File srcImg, String destImgPath,java.awt.Rectangle rect) { File destImg = new File(destImgPath); if (destImg.exists()) { String p = destImg.getPath(); try { if (!destImg.isDirectory()) p = destImg.getParent(); if (!p.endsWith(File.separator)) p = p + File.separator; cutImage(srcImg,new java.io.FileOutputStream(p + DEFAULT_CUT_PREVFIX+ "_"+ srcImg.getName()), rect); } catch (FileNotFoundException e) { log.warn("the dest image is not exist."); } } else log.warn("the dest image folder is not exist."); } public void cutImage(String srcImg, String destImg, int x, int y, int width, int height) { cutImage(new File(srcImg), destImg, new java.awt.Rectangle(x, y, width, height)); } public static void main(String[] args) { new ImageUtil2().cutImage("C:/Users/cm/Desktop/我的页面/images/boyNoImg.jpg", "C:/Users/cm/Desktop/我的页面/images/imgs",0, 0, 61, 166); //new ImageUtil2().cutImage("C:/Users/cm/Desktop/Jcrop-master/demos/demo_files/sago.jpg", "C:/Users/cm/Desktop/我的页面/images/imgs",124, 110, 196, 176); }}
该方法能够直接在main里执行。
传入的四个參数分别为图像路径、left值、top值,长度、宽度。
以下分析一下怎么获取这四个參数:
1、以我的js剪切为例,通过F12获得例如以下: 图片中红色部分就是图片剪切的div。我们能够通过拖拽剪裁区大小宽度等来观察改变了哪些參数,然后确定详细相应的參数值分别相应哪个參数值。如图片中我的x/y/width/height分别为40,28,224,228。注意:在js中我将该div和图片的长宽都定义为300*300,为配合測试所以我下载的图片也为300*300。假设你測试的图片大小不为300*300。那么你直接在上面java中測试的效果会和你前端看到的不一样,由于你前端的图片宽高我定义为300*300。而你实际图片(即java中的图片)不是。
那么这个问题假设处理呢?
在你的java代码中获取原图片的长宽,然后推断原图片的长宽是不是300*300,假设不是就生成该图片的300*300的缩略图,然后将该300*300的缩略图作为裁剪的图片原型。
(我的代码中没有处理,须要的自己处理,用完图片之后删除缩略图)
2、Jcrop获取參数
如图,Jcrop直接提供了參数,能够直接使用。可是它有个缺点就是在前端页面的图片大小区域不固定,假设你有个大像素图片,那么会非常丑,比方我在相应文件中有个图片soga_bak.jpg,换成这个图片就不好了。
所以综上建议用第一个js。然后推断原图片的长宽是不是300。不是的生成300*300缩略图。然后将缩略图作为裁剪原型图,用完了再删除缩略图。