前台关键代码:
<input type="file" id="picture" style="display:inline;" name="picture" accept="image/*"/>
<button id="uploadBtn" type="button" class="uk-button uk-button-danger" οnclick="userphoto_upload()">
<span id="uploadInfo">立即上传</span>
<span id=”uploadOk“ class="" aria-hidden="true" style="display: none;"></span>
</button>
<script type="text/javascript">
function userphoto_upload() {
if($("#picture").val().trim() === "")
alert("请选择图片后进行上传");
else {
$("#uploadBtn").attr("disabled", "true");
$("#uploadInfo").text("图片正在玩命上传!请稍后...");
var fd = new FormData();
fd.append("picture", $("#picture").get(0).files[0]);
$.ajax({
url: "uploadPicture!uploadPicture.action",
type: "POST",
dataType: "json",
processData: false,
contentType: false,
data: fd,
success: function(data) {
$("#uploadBtn").removeAttr("disabled");
if(data.status) {
$("#userImg").attr("src", data.pictureUrl);
$("#uploadInfo").text("上传成功!");
$("#uploadOk").attr("style", "display: inline;");
$("#uploadOk").attr("class", "glyphicon glyphicon-ok");
} else {
$("#uploadInfo").text("上传失败!");
$("#uploadOk").attr("style", "display: inline;");
$("#uploadOk").attr("class", "glyphicon glyphicon-remove");
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$("#uploadBtn").removeAttr("disabled");
$("#uploadInfo").text("上传失败!");
$("#uploadOk").attr("style", "display: inline;");
$("#uploadOk").attr("class", "glyphicon glyphicon-remove");
}
});
}
}
</script>
struts.xml中的配置:
<!-- 设置最大上传文件的大小 2M-->
<constant name="struts.multipart.maxSize" value="2097152" />//struts2中默认上传的大小就是2M,这里额外写出,方便以后增加修改
<!-- 配置临时存储地址 -->
<constant name="struts.multipart.saveDir" value="/tmp"/>
<action name="uploadPicture" class="com.chuangyejia.ajax.UploadUserPicture" />
上传的action类:
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.UUID;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.struts2.ServletActionContext;
import com.chuangyejia.bean.User;
import com.chuangyejia.factory.ServiceFactory;
import com.chuangyejia.service.IUserService;
import com.chuangyejia.tools.UploadFileUtil;
import com.google.gson.JsonObject;
import com.opensymphony.xwork2.ActionSupport;
public class UploadUserPicture extends ActionSupport {
/**
*
*/
private static final long serialVersionUID = 1L;
/**
* 图片存入数据库中的地址
*/
private static final String DB = ServletActionContext.getServletContext().getInitParameter("uploadPictureUrlVir");
/**
* 图片实际存入硬盘的地址
*/
private static final String DISK = ServletActionContext.getServletContext().getInitParameter("uploadPictureUrlDisk");
/**
* 图片的默认地址
*/
private static final String DEFAULT = ServletActionContext.getServletContext().getInitParameter("uploadPictureUrlDef");
private File picture;
private String pictureFileName;
private String pictureContentType;
public File getPicture() {
return picture;
}
public void setPicture(File picture) {
this.picture = picture;
}
public String getPictureFileName() {
return pictureFileName;
}
public void setPictureFileName(String pictureFileName) {
this.pictureFileName = pictureFileName;
}
public String getPictureContentType() {
return pictureContentType;
}
public void setPictureContentType(String pictureContentType) {
this.pictureContentType = pictureContentType;
}
public void uploadPicture() {
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out = null;
JsonObject jo = new JsonObject();
try {
out = response.getWriter();
} catch (IOException e) {
// TODO Auto-generated catch block
System.out.println("用户上传头像时,获取输出的管道出错");
e.printStackTrace();
}
/**
* 保证传输过来的是图片
*/
if(pictureContentType.split("/")[0].equals("image")) {
/**
* 自定义上传的图像名
*/
pictureFileName = UUID.randomUUID().toString().replace("-", "") + ".jpg";
/**
* 获取存入硬盘的具体地址
*/
String url = DISK + pictureFileName;
/**
* 根据全路径,将文件创建出来。
*/
File file = new File(url);
/**
* 标识,创建文件是否成功
* 使用上传文件工具类
*/
boolean create = UploadFileUtil.justDoIt(picture, file);
/**
* 如果创建成功,则进行往数据库用户表中更新
*/
if(create) {
HttpSession session = ServletActionContext.getRequest().getSession();
User user = (User)session.getAttribute("user");
/**
* 先将之前的头像保存出来
*/
String oldPictureUrl = user.getUserPhoto();
user.setUserPhoto(DB + pictureFileName);
IUserService ius = ServiceFactory.createUserService();
boolean result = ius.updateUser(user);
if(result) {
session.setAttribute("user", user);
jo.addProperty("status", true);
jo.addProperty("pictureUrl", DB + pictureFileName);
/**
* 插入成功后,将原图像删除
*/
if(!oldPictureUrl.equals(DEFAULT)) {
String oldPictureName = oldPictureUrl.split("/")[3];
String oldPictureDisk = DISK + oldPictureName;
File oldFile = new File(oldPictureDisk);
if(oldFile.exists())
oldFile.delete();
}
} else {
user.setUserPhoto(oldPictureUrl);
jo.addProperty("status", false);
if(file.exists())
file.delete();
}
} else
jo.addProperty("status", false);
} else
jo.addProperty("status", false);
out.println(jo.toString());
out.flush();
out.close();
}
}
该类中使用了自己编写的文件处理工具类:
UploadFileUtil:
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
/**
* 上传文件工具类
* @author Diamond
*
*/
public class UploadFileUtil {
/**
* 这里的上传图片的工具类,只提供把struts2接收的文件,传递给自己创建的文件
* @param picture struts2接收的文件
* @param file 自己根据需求地址创建的文件
* @return
*/
public static boolean justDoIt(File picture, File file) {
BufferedInputStream bis = null;
BufferedOutputStream bos = null;
/**
* 标识,创建文件是否成功
*/
boolean create = false;
try {
bis = new BufferedInputStream(new FileInputStream(picture));
bos = new BufferedOutputStream(new FileOutputStream(file));
byte[] bts=new byte[1024];
int length = -1;
while((length = bis.read(bts)) != -1) {
bos.write(bts, 0, length);
}
bis.close();
bos.flush();
bos.close();
create = true;
} catch (IOException e) {
create = false;
e.printStackTrace();
} finally {
try {
if(bis != null) {
bis.close();
bis = null;
}
if(bos != null) {
bos.flush();
bos.close();
bos = null;
}
} catch(final IOException e) {
e.printStackTrace();
}
}
return create;
}
}
到这里就一起ok了!