JAVA+JQUERY 上传截取图片

最新推荐文章于 2021-04-26 11:41:42 发布

最新推荐文章于 2021-04-26 11:41:42 发布 · 267 阅读

文章标签：

#java #javascript #xhtml #ViewUI

本文介绍了一个JAVA程序，该程序能够从原始图片中裁剪出指定大小的新图片。通过指定坐标和尺寸，可以精确地从源图片中提取所需的部分并保存为新的图片文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JAVA 截取图片代码

package com.wansha; import java.awt.Rectangle; import java.awt.image.BufferedImage; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.util.Iterator; import javax.imageio.ImageIO; import javax.imageio.ImageReadParam; import javax.imageio.ImageReader; import javax.imageio.stream.ImageInputStream; public class Test { //===源图片路径名称如:c:/1.jpg private String srcpath ; //===剪切图片存放路径名称.如:c:/2.jpg private String subpath ; //===剪切点x坐标 private int x ; private int y ; //===剪切点宽度 private int width ; private int height ; public Test(){ } public Test(String srcpath,String subpath ){ this.srcpath = srcpath; this.subpath = subpath; } /** * 对图片裁剪，并把裁剪完蛋新图片保存。 */ public void cut(int x,int y,int width,int height) throws IOException{ this.x = x ; this.y = y ; this.width = width ; this.height = height ; FileInputStream is = null ; ImageInputStream iis =null ; try{ //读取图片文件 is = new FileInputStream(srcpath); /* * 返回包含所有当前已注册 ImageReader 的 Iterator，这些 ImageReader * 声称能够解码指定格式。参数：formatName - 包含非正式格式名称 . *（例如 "jpeg" 或 "tiff"）等。 */ Iterator<ImageReader> it = ImageIO.getImageReadersByFormatName("jpg"); ImageReader reader = it.next(); //获取图片流 iis = ImageIO.createImageInputStream(is); /* * <p>iis:读取源.true:只向前搜索 </p>.将它标记为 ‘只向前搜索’。 * 此设置意味着包含在输入源中的图像将只按顺序读取，可能允许 reader * 避免缓存包含与以前已经读取的图像关联的数据的那些输入部分。 */ reader.setInput(iis,true) ; /* * <p>描述如何对流进行解码的类<p>.用于指定如何在输入时从 Java Image I/O * 框架的上下文中的流转换一幅图像或一组图像。用于特定图像格式的插件 * 将从其 ImageReader 实现的 getDefaultReadParam 方法中返回 * ImageReadParam 的实例。 */ ImageReadParam param = reader.getDefaultReadParam(); /* * 图片裁剪区域。Rectangle 指定了坐标空间中的一个区域，通过 Rectangle 对象 * 的左上顶点的坐标（x，y）、宽度和高度可以定义这个区域。 */ Rectangle rect = new Rectangle(x, y, width, height); //提供一个 BufferedImage，将其用作解码像素数据的目标。 param.setSourceRegion(rect); /* * 使用所提供的 ImageReadParam 读取通过索引 imageIndex 指定的对象，并将 * 它作为一个完整的 BufferedImage 返回。 */ BufferedImage bi = reader.read(0,param); //保存新图片 ImageIO.write(bi, "jpg", new File(subpath)); } finally{ if(is!=null) is.close() ; if(iis!=null) iis.close(); } } public int getHeight() { return height; } public void setHeight(int height) { this.height = height; } public String getSrcpath() { return srcpath; } public void setSrcpath(String srcpath) { this.srcpath = srcpath; } public String getSubpath() { return subpath; } public void setSubpath(String subpath) { this.subpath = subpath; } public int getWidth() { return width; } public void setWidth(int width) { this.width = width; } public int getX() { return x; } public void setX(int x) { this.x = x; } public int getY() { return y; } public void setY(int y) { this.y = y; } public static void main(String[] args)throws Exception{ String name = "C:"+File.separator+"myimg.jpg"; Test o = new Test(name,"c:"+File.separator+"2.jpg"); o.cut(100,100,100,100) ; } }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="../jquery-1.3.2.js"></script> <script type="text/javascript" src="../jquery.imgareaselect-0.8.min.js"></script> <script type="text/javascript"> function preview(img, selection) { var scaleX = 100 / (selection.width || 1); var scaleY = 100 / (selection.height || 1); $('#myimg + div > img').css({ width: Math.round(scaleX * 1024) + 'px', //1024指源图片的宽度 height: Math.round(scaleY * 768) + 'px', //768指源图片的高度 marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px', marginTop: '-' + Math.round(scaleY * selection.y1) + 'px' }); } $(document).ready(function () { $('<div><img src="myimg.jpg" style="position: relative;" /></div>') .css({ float: 'left', position: 'relative', overflow: 'hidden', width: '100px', height: '100px' }) .insertAfter($('#myimg')); }); $(window).load(function () { $('#myimg').imgAreaSelect({ aspectRatio: '1:1', onSelectChange: preview }); }); </script> </head> <body> <img id="myimg" src="myimg.jpg"/> </body> </html>