struts2上传图片并剪切

时间 2019-12-19 标签 struts2 struts 2 上传图片剪切

上传图片的jsp页面 javascript

<form method="post" id="commentform" name="commentform"
class="form" action="" ENCTYPE="multipart/form-data">
<textarea name="comment" type="text" placeholder="信息内容" rows="15"
class="span8" tabindex="4" aria-required='true'></textarea>
<input type='text' name='uploadFileName' id='uploadFileName'
class='txt' value="<%=Util.uploadFileUrl%>"/> <a href="#" class="u-upload">
<button type="button">浏览..</button> <input type="file"
name="upload" class="file" id="upload" size="28"
onchange="document.getElementById('uploadFileName').value=this.value" />
</a> <input name="submit" type="submit" value="上传"
class="btn btn-small btn-info" onClick="upload1()" /> </br>
</form> 前端

上传图片的Action类 java

package com.efinance.action; 数据库

import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.ServletActionContext;
import org.apache.struts2.interceptor.ServletRequestAware;

import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.utils.OperateImage;
import com.utils.Util;

public class FileUploadAction extends ActionSupport implements ServletRequestAware{
/**
*@author island
*@date 2011-08-13
*/
private static final long serialVersionUID = 1L;
private File upload;
private String uploadContentType;
private String uploadFileName;
private String savePath;
FileInputStream inputStream;
protected HttpServletRequest request;

public void setServletRequest(HttpServletRequest request) {
this.request = request;

}
public String upload()
{
byte[] buffer=new byte[1024];
try
{
InputStream in=new FileInputStream(upload);
//上传的名字要改,不能按照用户上传的名字当名字
// String realPath =
System.out.println(this.getSavePath()+"\\"+uploadFileName);
// ServletActionContext.getServletContext().getRealPath("/images");
OutputStream out=new FileOutputStream(new File(this.getSavePath()+"\\"+uploadFileName));

int length=in.read(buffer);
while(length>0)
{
out.write(buffer);
length=in.read(buffer);
}

in.close();
out.flush();
out.close();
}
catch(Exception e)
{
e.printStackTrace();
}
return this.SUCCESS;
}
public String download()
{
//之后uploadFileName来源于数据库
File file=new File(this.getSavePath()+"\\"+uploadFileName);
try {
inputStream=new FileInputStream(file);
} catch (FileNotFoundException e) {
e.printStackTrace();
}

return "downImg";
}

public String cut() throws IOException{
//x1,y1就够用了可是若是前端放大了那个剪切框,x1和y1是不能控制住图片大小的须要加上x2和y2才能控制住
String x1 = request.getParameter("x1");
String x2 = request.getParameter("x2");
String y1 = request.getParameter("y1");
String y2 = request.getParameter("y2");
String width = request.getParameter("width");
String height = request.getParameter("height");
String hidimg = request.getParameter("hidimg");//获取图片名称，jsp中名字后期来源于数据库
OperateImage o = new OperateImage(Integer.parseInt(x1),Integer.parseInt(y1),Integer.parseInt(width),Integer.parseInt(height));
//将hidimg取出图片名字
hidimg=hidimg.trim();
hidimg=hidimg.substring(hidimg.lastIndexOf("/")+1);
System.out.println(""+hidimg);
o.setSrcpath(this.getSavePath()+"\\"+hidimg); //源文件路径
// 获取服务器存储路径
/* String realPath =
ServletActionContext.getServletContext().getRealPath("/images"); */
o.setSubpath(this.getSavePath()+"\\_"+Util.uploadFileName); //目标路径图片的名字要改
o.cut();
return "cut";
}

public String getSavePath() {
return ServletActionContext.getRequest().getRealPath(savePath);
}
public void setSavePath(String savePath) {
this.savePath = savePath;
}

public FileInputStream getInputStream() {
return inputStream;
}
public void setInputStream(FileInputStream inputStream) {
this.inputStream = inputStream;
}
public File getUpload() {
return upload;
}
public void setUpload(File upload) {
this.upload = upload;
}
public String getUploadContentType() {
return uploadContentType;
}
public void setUploadContentType(String uploadContentType) {
this.uploadContentType = uploadContentType;
}
public String getUploadFileName() {
return uploadFileName;
}
public void setUploadFileName(String uploadFileName) {
Util.uploadFileUrl=uploadFileName;
uploadFileName=uploadFileName.trim();
System.out.println(""+uploadFileName);
this.uploadFileName=uploadFileName.substring(uploadFileName.lastIndexOf("/")+1);
Util.uploadFileName=uploadFileName.substring(uploadFileName.lastIndexOf("/")+1);
}
// public void addActionError(String anErrorMessage){
// String s=anErrorMessage;
// System.out.println(s);
// }
// public void addActionMessage(String aMessage){
// String s=aMessage;
// System.out.println(s);
//
// }
// public void addFieldError(String fieldName, String errorMessage){
// String s=errorMessage;
// String f=fieldName;
// System.out.println(s);
// System.out.println(f);
// }

}

裁剪图片 apache

package com.utils;

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;

import org.apache.struts2.ServletActionContext;

/**
*@author island
*@date 2011-08-13
*/
public class OperateImage {
//===源图片路径名称如: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 OperateImage(){

}
public OperateImage(int x,int y,int width,int height){
this.x = x ;
this.y = y ;
this.width = width ;
this.height = height ;
}

/** *//** *//** *//**
* 对图片裁剪，并把裁剪完蛋新图片保存。
*/
public void cut() throws IOException{

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 = "d:\\imges.jpg";

OperateImage o = new OperateImage(220,213,200,333);
o.setSrcpath(name);
o.setSubpath("D:\\2.jpg");
o.cut() ;

}

} 服务器

显示裁剪图片的jsp页面（showImg.jsp）

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<title></title>
<script src="<%=basePath %>/js/prototype.js" type="text/javascript"></script>
<script src="<%=basePath %>/js/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
<script src="<%=basePath %>/js/cropper.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>/css/cropper.css" media="all" />

<script type="text/javascript" charset="utf-8">

function onEndCrop( coords, dimensions ) {
$( 'x1' ).value = coords.x1;
$( 'y1' ).value = coords.y1;
$( 'x2' ).value = coords.x2;
$( 'y2' ).value = coords.y2;
$( 'width' ).value = dimensions.width;
$( 'height' ).value = dimensions.height;
}

// example with a preview of crop results, must have minimumm dimensions
Event.observe(
window,
'load',
function() {
new Cropper.ImgWithPreview(
'testImage',
{
minWidth: 100,
minHeight: 100,
ratioDim: { x: 100, y: 100 },
displayOnInit: true,
onEndCrop: onEndCrop,
previewWrap: 'previewArea'
}
)
}
);

/*
if( typeof(dump) != 'function' ) {
Debug.init(true, '/');

function dump( msg ) {
// Debug.raise( msg );
};
} else dump( '---------------------------------------\n' );
*/

</script>
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
<style type="text/css">
label {
clear: left;
margin-left: 50px;
float: left;
width: 5em;
}

#testWrap {
width: 500px;
float: left;
margin: 20px 0 0 50px;
}

#previewArea {
margin: 20px; 0 0 20px;
float: left;
}

#results {
clear: both;
}
</style>
</head>
<body>
<form action="<%=basePath %>cut.action" method="post">
<br /><br />


<div id="testWrap">
<img id="testImage" src ='upload/<s:property value ="uploadFileName" /> ' />
<br />
<s:property value ="caption" />
</div>

<div id="previewArea"></div>
<div id="results">
<p>
<label for="x1">x1:</label>
<input type="text" name="x1" id="x1" />
</p>
<p>
<label for="y1">y1:</label>
<input type="text" name="y1" id="y1" />
</p>
<p>
<label for="x2">x2:</label>
<input type="text" name="x2" id="x2" />
</p>
<p>
<label for="y2">y2:</label>
<input type="text" name="y2" id="y2" />
</p>
<p>
<label for="width">width:</label>
<input type="text" name="width" id="width" />
</p>
<p>
<label for="height">height</label>
<input type="text" name="height" id="height" />
<input type="hidden" name="hidimg" value="<s:property value ="uploadFileName" />"/>
</p>
</div>
<input type="submit" value="剪切"/>
</form>
</body>
</html> 框架

工具类

public class Util { /** * 存放文件名 */ public static String uploadFileName=""; /** * 存放文件完整路径 */ public static String uploadFileUrl=""; public static int userId=0; public static String number=""; }