jsp上传图片（附件）

1.需要引入jquery.ajaxfileupload.js文件
2.jsp页面代码
<input type="hidden" name="fileName" id="fileName" value=""/>
<input type="hidden" name="imgurl" id="photoPath" value="默认图片地址"/>
<input type="file" name="photo" id="photo" onchange="parseFileName();"/>
<input type="button" value="上传" id="uploadFile" onclick="uploadPhoto();"/>
<img src="默认图片地址" id="photoImg" height="120" width="120"/>
3.jsp页面javascript
<script type="text/javascript">
/**
* 点击上传按钮，上传图片（附件操作一样）
*/
function uploadPhoto(){
var selectphoto = j("#photo").attr('value');
if(selectphoto==''){
alert('请选择照片！');
return false;
}
var fileName = j('#fileName').attr('value');
var fileType = fileName.substring(fileName.lastIndexOf('.'));
var exg = ".jpg.png.gif";
if(exg.indexOf(fileType.toLowerCase()) == -1){
alert('只允许上传.jpg.png.gif类型文件!');
return false;
}

j.ajaxFileUpload({
type : 'POST',
secureuri : false,
fileElementId : 'photo',
url : '图片上传action地址?fileName='+fileName,
dataType : 'String',
success : function(data){
loadPhoto(data);
alert('图片上传成功！');
},
error : function(data){
alert('图片上传失败！');
}
});
}

/**
* 图片上传成功后加载图片在页面上
*/
function loadPhoto(photoPath){
var tepath = photoPath;
j('#photoPath').attr('value',tepath);
j('#photoImg').attr('src',tepath);
}

/**
* 选择图片时把图片的文件名设置给隐藏域“fileName”
*/
function parseFileName(){
var selectedphoto = j("#photo").attr('value');
var fileName = selectedphoto.substring(selectedphoto.lastIndexOf('\\')+1);
j('#fileName').attr('value',fileName);
}
</script>
4.后台action操作
/* 上传的照片 */
private File photo;
/* 照片的名字 */
private String fileName;
public File getPhoto() {
return photo;
}

public void setPhoto(File photo) {
this.photo = photo;
}

public String getFileName() {
return fileName;
}

public void setFileName(String fileName) {
this.fileName = fileName;
}
//后台上传图片方法
public void uploadPhoto() throws IOException {
String rootPath = FileUtil.getRootPath(); //rootPath为具体路径
String photoPath = "";
if (photo != null) {
String fileType = ".jpg";
if (fileName != null && StringUtils.isNotEmpty(fileName)) {
fileType = fileName.substring(fileName.indexOf("."));
}
photoPath = "/uploaded/photo/" + 能区别的ID + fileType;

File dir = new File(rootPath + "/uploaded/photo/");
if (!dir.exists()) {
dir.mkdirs();
}
File target = new File(rootPath + photoPath);
FileUtils.copyFile(photo, target);
}
print(photoPath.toString());
}