使用jquery jcrop插件進行圖片的截取與保存

第一步：上傳大圖片到服務器，並且展示到頁面
第二部：調用jcrop組件js及css

<script src="${ctx}/js/jquery-jcrop/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="${ctx}/css/jquery-jcrop/jquery.Jcrop.css" type="text/css" />

 

第三部：採用插件
進行圖片的選取，其中主要包括x,y,width,height

 

 

$('#cropButton').click(function(){
            var x = $("#x").val();
            var y = $("#y").val();
            var w = $("#w").val();
            var h = $("#h").val();
            if(w == 0 || h == 0 ){
                alert("您還沒有選擇圖片的剪切區域,不能進行剪切圖片!");
                return;
            }
            //alert("你要剪切圖片的X座標: "+x + ",Y座標: " + y + ",剪切圖片的寬度: " + w + ",高度：" + h );
            if(confirm("確定按照當前大小剪切圖片嗎")){
                //document.form1.submit();
                //$("#makeHeadImgDiv").toggle();
                function loadHeadUrl(data){
                    //alert(data.headUrl);
                     alert(data.retMsg);
                     $("#img_headUrl").attr("src",data.headUrl);
                     $("#headUrl").val(data.headUrl);
                    //alert($("#headUrl").val());
                }
                var url="${ctx}/admin/pri/guest/guest_cutHeadImg.action";
                var options ={
                        //beforeSubmit: validate,
                        url:       url,
                        success:   loadHeadUrl,
                        type:      'post',
                        dataType:  'json'
                };
                $('#cutHeadImgFrm').ajaxSubmit(options);
            }
     });

然後調用後臺方法切割圖片。
設計的包：
import java.awt.*;
import java.awt.image.*;
import java.awt.Graphics;
import java.awt.color.ColorSpace;
import javax.imageio.ImageIO;
第四部：保存新文件路徑，展示圖片到頁面。

 

方法類：

 

package com.wondertek.meeting.util;

import java.io.*;
import java.awt.*;
import java.awt.image.*;
import java.awt.Graphics;
import java.awt.color.ColorSpace;
import javax.imageio.ImageIO;

public class ImageCut {

    /**
     * 圖像切割（改）     *
     * @param srcImageFile            源圖像地址
     * @param dirImageFile            新圖像地址
     * @param x                       目標切片起點x座標
     * @param y                      目標切片起點y座標
     * @param destWidth              目標切片寬度
     * @param destHeight             目標切片高度
     */
    public static void abscut(String srcImageFile,String dirImageFile, int x, int y, int destWidth,
            int destHeight) {
        try {
            Image img;
            ImageFilter cropFilter;
            // 讀取源圖像
            BufferedImage bi = ImageIO.read(new File(srcImageFile));
            int srcWidth = bi.getWidth(); // 源圖寬度
            int srcHeight = bi.getHeight(); // 源圖高度
            if (srcWidth >= destWidth && srcHeight >= destHeight) {
                Image image = bi.getScaledInstance(srcWidth, srcHeight,
                        Image.SCALE_DEFAULT);
                // 改進的想法:是否可用多線程加快切割速度
                // 四個參數分別爲圖像起點座標和寬高
                // 即: CropImageFilter(int x,int y,int width,int height)
                cropFilter = new CropImageFilter(x, y, destWidth, destHeight);
                img = Toolkit.getDefaultToolkit().createImage(
                        new FilteredImageSource(image.getSource(), cropFilter));
                BufferedImage tag = new BufferedImage(destWidth, destHeight,
                        BufferedImage.TYPE_INT_RGB);
                Graphics g = tag.getGraphics();
                g.drawImage(img, 0, 0, null); // 繪製縮小後的圖
                g.dispose();
                // 輸出爲文件
                ImageIO.write(tag, "JPEG", new File(dirImageFile));
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }


    /**
     * 縮放圖像
     *
     * @param srcImageFile       源圖像文件地址
     * @param result             縮放後的圖像地址
     * @param scale              縮放比例
     * @param flag               縮放選擇:true 放大; false 縮小;
     */
    public static void scale(String srcImageFile, String result, int scale,
            boolean flag) {
        try {
            BufferedImage src = ImageIO.read(new File(srcImageFile)); // 讀入文件
            int width = src.getWidth(); // 得到源圖寬
            int height = src.getHeight(); // 得到源圖長
            if (flag) {
                // 放大
                width = width * scale;
                height = height * scale;
            } else {
                // 縮小
                width = width / scale;
                height = height / scale;
            }
            Image image = src.getScaledInstance(width, height,Image.SCALE_DEFAULT);
            BufferedImage tag = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
            Graphics g = tag.getGraphics();
            g.drawImage(image, 0, 0, null); // 繪製縮小後的圖
            g.dispose();
            ImageIO.write(tag, "JPEG", new File(result));// 輸出到文件流
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    /**
     * 重新生成按指定寬度和高度的圖像
     * @param srcImageFile       源圖像文件地址
     * @param result             新的圖像地址
     * @param _width             設置新的圖像寬度
     * @param _height            設置新的圖像高度
     */
    public static void scale(String srcImageFile, String result, int _width,int _height) {
        scale(srcImageFile,result,_width,_height,0,0);
    }

    public static void scale(String srcImageFile, String result, int _width,int _height,int x,int y) {
        try {

            BufferedImage src = ImageIO.read(new File(srcImageFile)); // 讀入文件

            int width = src.getWidth(); // 得到源圖寬
            int height = src.getHeight(); // 得到源圖長

            if (width > _width) {
                 width = _width;
            }
            if (height > _height) {
                height = _height;
            }
            Image image = src.getScaledInstance(width, height,Image.SCALE_DEFAULT);
            BufferedImage tag = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
            Graphics g = tag.getGraphics();
            g.drawImage(image, x, y, null); // 繪製縮小後的圖
            g.dispose();
            ImageIO.write(tag, "JPEG", new File(result));// 輸出到文件流
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    /**
     * 圖像類型轉換 GIF->JPG GIF->PNG PNG->JPG PNG->GIF(X)
     */
    public static void convert(String source, String result) {
        try {
            File f = new File(source);
            f.canRead();
            f.canWrite();
            BufferedImage src = ImageIO.read(f);
            ImageIO.write(src, "JPG", new File(result));
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 彩色轉爲黑白
     *
     * @param source
     * @param result
     */
    public static void gray(String source, String result) {
        try {
            BufferedImage src = ImageIO.read(new File(source));
            ColorSpace cs = ColorSpace.getInstance(ColorSpace.CS_GRAY);
            ColorConvertOp op = new ColorConvertOp(cs, null);
            src = op.filter(src, null);
            ImageIO.write(src, "JPEG", new File(result));
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    /**
     * @param args
     */
    public static void main(String[] args) {
        //暈。。。搞成多個了...
        //cut("c:/images/ipomoea.jpg", "c:/images/t/ipomoea.jpg", 200, 150);
        //ok
        //gray("c:/images/ipomoea.jpg", "c:/images/t/ipomoea.jpg");
        //convert("c:/images/ipomoea.jpg", "c:/images/t/ipomoea.gif");
        //scale("c:/images/5105049910001020110718648723.jpg", "c:/images/t/5105049910001020110718648725.jpg",154,166,157,208);
        //scale("c:/images/rose1.jpg", "c:/images/t/rose1.jpg",154,166,157,208);
        scale("c:/images/rose1.jpg", "c:/images/t/rose2.jpg",154,166,10,10);

    }
}