您的位置:首页 > 其它

异步图片上传

2015-06-03 15:06 344 查看
图片上传后进行回显,就是在点击图片后进行异步的上传,然后将图片保存的url返回

function uploadPic(target){
var id=target.id;
$("#"+id).attr('name','btn_file');
$("#"+id).attr('id','btn_file');
$("#imgUpload"+id).attr('id','imgUploadbtn_file');
$.ajaxFileUpload({
url: "${pageContext.request.contextPath}/registrationSystem/article_uploadAjaxPic.action",
secureuri:false,
fileElementId:"btn_file",
dataType: "json",
error: function(data, status, e) {
alert(e);
},
success: function(data, textStatus) {
//alert(data.imPath);
if(!data){
alert("上传的格式不正确");
return;
}
$("#imgUploadbtn_file").attr('src',data.url);	//上传图片的的回显
$("#btn_file").attr('name','btn_file'+data.id);
$("#btn_file").attr('id','btn_file'+data.id);
$("#imgUploadbtn_file").attr('id',"imgUploadbtn_file"+data.id);
//设置图片的id
$("#fileId").val(data.id);
$("#fileId").attr('id',data.id);
$("#title").attr("id","title"+data.id);
document.getElementById('title'+data.id).setAttribute('pid',data.id);
$("#desc").attr("id","desc"+data.id);
document.getElementById('desc'+data.id).setAttribute('pid',data.id);
//删除按钮
$("#deleteButton").attr("id","deleteButton"+data.id);
document.getElementById('deleteButton'+data.id).setAttribute('pid',data.id);
//删除div
$("#group").attr("id","group"+data.id);
}
});
}


在struts框架下的后台操作:

public String uploadAjaxPic() throws IOException{
//对上传类型进行限制
if(!filterPicTypes(btn_fileContentType)){
message=false;
return "errorType";
}else{
if(id==null){
String storeDirectory=ServletActionContext.getServletContext().getRealPath("/videoFiles");
File directory=new File(storeDirectory);
if(!directory.exists()){
directory.mkdirs();
}
DateFormat df = new SimpleDateFormat("yyyyMMddHHmmssSSS");
String fileName = df.format(new Date())+btn_fileFileName;

FileUtils.copyFile(btn_file, new File(storeDirectory,fileName));
HttpServletRequest request = ServletActionContext.getRequest();
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/videoFiles";//回显路径
uploadFile=new com.xzd.global.pojo.File();
uploadFile.setDate(new Date());
uploadFile.setType(busi.getFileType(BaseConstant.FILE_TYPE_PIC));
uploadFile.setUrl(basePath+"/"+fileName);
uploadFile.setName(btn_fileFileName);
fileBusi.saveFile(uploadFile);
}else{//修改

}
return "uploadAjaxPic";
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: