Jquery Jcrop 插件java的使用方法 包括图片保存类

1。下载最新的Jcrop文件。

 

http://deepliquid.com/content/Jcrop.html

 

里面有demo文件，可以直接看.但要实现剪切功能还需要类来支持。默认的是PHP的。

 

2。Utils类

 

public class Utils {

	public static String getExtension(File f) { 
        return (f != null) ? getExtension(f.getName()) : ""; 
    } 

    public static String getExtension(String filename) { 
        return getExtension(filename, ""); 
    } 

    public static String getExtension(String filename, String defExt) { 
        if ((filename != null) && (filename.length() > 0)) { 
            int i = filename.lastIndexOf('.'); 

            if ((i >-1) && (i < (filename.length() - 1))) { 
                return filename.substring(i + 1); 
            } 
        } 
        return defExt; 
    } 

    public static String trimExtension(String filename) { 
        if ((filename != null) && (filename.length() > 0)) { 
            int i = filename.lastIndexOf('.'); 
            if ((i >-1) && (i < (filename.length()))) { 
                return filename.substring(0, i); 
            } 
        } 
        return filename; 
    } 
}

 这个类主要是用来获取文件的扩展名。

 

3。SaveImges类

public class SaveImage{

 /**  
  * 保存图片  
  * @param img       原图路径  
  * @param dest      目标图路径  
  * @param top       选择框的左边y坐标  
  * @param left      选择框的左边x坐标  
  * @param width     选择框宽度  
  * @param height    选择框高度  
  * @return  
  * @throws IOException  
  */  
 public static boolean saveImage(File img,    
            String dest,    
            int top,    
            int left,    
            int width,    
            int height) throws IOException {   
  File fileDest = new File(dest);   
  if(!fileDest.getParentFile().exists())   
      fileDest.getParentFile().mkdirs();   
  String ext = Utils.getExtension(dest).toLowerCase();   
  BufferedImage bi = (BufferedImage)ImageIO.read(img);   
  height = Math.min(height, bi.getHeight());   
  width = Math.min(width, bi.getWidth());   
  if(height <= 0) height = bi.getHeight();   
  if(width <= 0) width = bi.getWidth();   
  top = Math.min(Math.max(0, top), bi.getHeight()-height);   
  left = Math.min(Math.max(0, left), bi.getWidth()-width);   
     
  BufferedImage bi_cropper = bi.getSubimage(left, top, width, height);   
  return ImageIO.write(bi_cropper, ext.equals("png")?"png":"jpeg", fileDest);   
 }  
 
 public static void main(String[] args) {
  try {
   System.out.println(saveImage(new File("E:\\JavaWork\\pic\\WebRoot\\css\\flowers.jpg"),"E:\\JavaWork\\pic\\WebRoot\\css\\flowers1.jpg",106,87,289,217));
  } catch (IOException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
 }
}

 

这里的top、left、width、height都可以直接用Jcrop里获取到。 在Jcrop的“Basic Handler”这个demo里面，相应的X1、Y1、W、H这四个参数，用request可以得到这些值。

评论

4 楼 tianlang952 2013-10-23  

int srcWidth = bi.getWidth(); // 源图宽度
int srcHeight = bi.getHeight(); // 源图高度

int x1 = x * srcWidth / 400;
int y1 = y * srcHeight / 300;
int w1 = w * srcWidth / 400;
int h1 = h * srcHeight / 300;

比例 缩放后的 操作。

的确，
BufferedImage bi_cropper = bi.getSubimage(left, top, width, height);

写错了

3 楼 zyywolf 2013-07-05  

ms_lzt 写道

问一个问题，，jcrop是前台获取图片选择的区域坐标对吧，
例子的img是602*400的，，假如我把img控件大小控制了一下，变成了301*200，
那么我想jcrop获取区域坐标应该就不对了吧。

因为要是用一个1024*1024的大图片，我想做项目的时候都需要对图片显示的大小控制一下吧。
不知道楼主有啥好的办法

请问如果img或者其他的标签影响到了图片显示的不是原大小的话，有没有解决办法？

2 楼 gx0803 2013-05-21  

很老的帖子了，不过依然感谢博主提供的思路，实践成功了。不过请注意，有个地方写错了。
BufferedImage bi_cropper = bi.getSubimage(left, top, width, height);
其中left和top两个参数写反了，导致保存后的裁剪部分与截取部分并不一致，这一点误导了大家     

1 楼 ms_lzt 2013-04-12  

问一个问题，，jcrop是前台获取图片选择的区域坐标对吧，
例子的img是602*400的，，假如我把img控件大小控制了一下，变成了301*200，
那么我想jcrop获取区域坐标应该就不对了吧。

因为要是用一个1024*1024的大图片，我想做项目的时候都需要对图片显示的大小控制一下吧。
不知道楼主有啥好的办法