异步图片上传
2015-06-03 15:06
344 查看
图片上传后进行回显,就是在点击图片后进行异步的上传,然后将图片保存的url返回
在struts框架下的后台操作:
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"; } }
相关文章推荐
- 信用卡:银联,VISA,MasterCard
- 笨拙而诡异的 Oracle(之二)
- jdk1.7和jdk1.6的Collections.sort方法不一样
- magento中如何实现产品图片放大效果
- 生成解析sqlite DB文件笔记
- HDFS文件读取流程
- svn与git结合,实现版本管理
- Android的gps的代码分析(四)
- Android的GPS的代码分析(五)
- Spring 之注解事务 @Transactional
- SpringMVC视图解析器
- iTOP-4412开发板HDMI转VGA修改方法
- 【转】Notepad++ 快捷键 大全 官方整理过来的
- [设计模式]创建型模式
- Spring 之注解事务 @Transactional
- jdk1.7和jdk1.6的Collections.sort方法不一样
- 遍历Map的四种方法
- Maven环境下搭建Nexus本地仓库
- A brute-force approach to check if a line segment crosses a simple polygon
- DataSource 和 DataSet 区别