SSM uploadify 图片上传
来源：互联网 发布：睡眠水 知乎 编辑：程序博客网 时间：2024/06/05 20:44
JSP
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><jsp:include page="/base.jsp"></jsp:include><script type="text/javascript" src="<%=request.getContextPath()%>/js/uploadify/jquery.uploadify.min.js"></script><link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/uploadify/uploadify.css" /></head><body> <div> 【基本人员信息】 </div> <div id="buttons"> <a id="btn" onclick="updatabj()" class="easyui-linkbutton" data-options="iconCls:'icon-search'">修改</a> <a id="btn" onclick="showupdatabj()" class="easyui-linkbutton" data-options="iconCls:'icon-search'">显示维护</a> <a id="btn" onclick="" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查看人员信息</a> <a id="btn" onclick="out2Execle()" class="easyui-linkbutton" data-options="iconCls:'icon-save'">导出execle到F盘根目录</a> </div> <div id="hide"> <table id="shua"><tr><td align="right"><label style="color: blue;font-size: small;">职务编号: </label></td><td>${jbxx.cBh}</td><td align="right"><label style="color: blue;font-size: small;">头像: </label></td><td> <input type = "file" name = "file_upload" id = "upload"/> <img id = "img" src="" style = "width:50px; height:50px;"/> </td></tr><tr><td align="right"><label style="color: blue;font-size: small;">姓名: </label></td><td>${jbxx.cName}</td><td align="right"><label style="color: blue;font-size: small;">曾用名: </label></td><td>${jbxx.cCym}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">性别: </label></td><td> ${jbxx.cXb==0?"女":""} ${jbxx.cXb==1?"男":""} </td><td align="right"><label style="color: blue;font-size: small;">民族: </label></td><td>${jbxx.cMz}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">工作单位: </label></td><td>${jbxx.cGzdw}</td><td align="right"><label style="color: blue;font-size: small;">部门类别: </label></td><td>${jbxx.cBmlb}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">职务级别: </label></td><td>${jbxx.cZwjb}</td><td align="right"><label style="color: blue;font-size: small;">任职状态: </label></td><td>${jbxx.cRzzt==0?"在职":""}${jbxx.cRzzt==1?"离职":""}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">入党日期: </label></td><td>${jbxx.dJtrqStr}</td><td align="right"><label style="color: blue;font-size: small;">健康状况: </label></td><td>${jbxx.cJkzk==0?"健康":""}${jbxx.cJkzk==1?"不健康":""} ${jbxx.cJkzk==2?"带审查":""} </td></tr><tr><td align="right"><label style="color: blue;font-size: small;">居民身份证: </label></td><td>${jbxx.cZjhm}</td><td align="right"><label style="color: blue;font-size: small;">出生日期: </label></td><td>${jbxx.dCsrqStr}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">参加工作日期: </label></td><td>${jbxx.dCjzzsjStr}</td><td align="right"><label style="color: blue;font-size: small;">干部类别: </label></td><td>${jbxx.cGblb==0?"局级以上干部":""}${jbxx.cGblb==1?"局级干部":""}${jbxx.cGblb==2?"处级干部":""}${jbxx.cGblb==3?"科级干部":""}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">参加工作年限: </label></td><td>${jbxx.nGznx}</td><td align="right"><label style="color: blue;font-size: small;">用工形式: </label></td><td>${jbxx.cNdtjdw}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">现居所在地: </label></td><td>${jbxx.cJgProvince}</td><td align="right"><label style="color: blue;font-size: small;">籍贯: </label></td><td>${jbxx.cJgCity}</td></tr><tr><td align="right"><label style="color: blue;font-size: small;">出生地: </label></td><td>${jbxx.cCsdProvince}</td><td align="right"><label style="color: blue;font-size: small;">出生地补充: </label></td><td>${jbxx.cCsdCity}</td></tr></table></div><div id="show" style="display:none"> <form id="jibenxinxi"> <input type="hidden" id="yincang" name="cId" value="${jbxx.cId}"/><table><tr><td align="right"><label style="color: blue;font-size: small;">职务编号: </label></td><td><input style="width:180px;" type="text" name="cBh" value="${jbxx.cBh}" class="easyui-textbox" /></td> <td align="right"><label style="color: blue;font-size: small;">头像: </label></td> <td><input type="button" name="cZp" value="请选择" onclick=""><img src="/i/eg_tulip.jpg" alt="" /></td> </tr><tr><td align="right"><label style="color: blue;font-size: small;">姓名: </label></td><td><input style="width:180px;" type="text" name="cName" value="${jbxx.cName}" class="easyui-textbox" /></td><td align="right"><label style="color: blue;font-size: small;">曾用名: </label></td><td><input style="width:180px;" type="text" name="cCym" value="${jbxx.cCym}" class="easyui-textbox" /></td></tr><tr><td align="right"><label style="color:blue;font-size: small;">性别: </label></td> <td><input type="radio" ${jbxx.cXb==0?"checked":""} name="cXb" value="0"/>女<input type="radio" name="cXb" ${jbxx.cXb==1?"checked":""} value="1"/>男</td> <td align="right"><label style="color: blue;font-size: small;">民族: </label></td><td><input style="width:180px;" type="text" name="cMz" value="${jbxx.cMz}" class="easyui-textbox" /></td></tr><tr><td align="right"><label style="color: blue;font-size: small;">工作单位: </label></td><td><input style="width:180px;" type="text" name="cGzdw" value="${jbxx.cGzdw}" class="easyui-textbox" /></td><td align="right"><label style="color: blue;font-size: small;">部门类别: </label></td><td><input style="width:180px;" type="text" name="cBmlb" value="${jbxx.cBmlb}" class="easyui-textbox" /></td></tr><tr><td align="right"><label style="color: blue;font-size: small;">职务级别: </label></td><td><input style="width:180px;" type="text" name="cZwjb" value="${jbxx.cZwjb}" class="easyui-textbox" /></td><td align="right"><label style="color: blue;font-size: small;">任职状态: </label></td><td><input type="radio" name="cRzzt" ${jbxx.cRzzt==0?"checked":""} value="0"/>在职<input type="radio" name="cRzzt" ${jbxx.cRzzt==1?"checked":""} value="1"/>离职</td> </tr><tr><td align="right"><label style="color: blue;font-size: small;">入党日期: </label></td> <td><input style="width:180px;" type="text" name="dJtrq" value="${jbxx.dJtrqStr}" class="easyui-datebox" /></td> <td align="right"><label style="color: blue;font-size: small;">健康状况: </label></td> <td><input type="radio" name="cJkzk" ${jbxx.cJkzk==0?"checked":""} value="0" />健康<input type="radio" name="cJkzk" ${jbxx.cJkzk==1?"checked":""} value="1" />不健康<input type="radio" name="cJkzk" ${jbxx.cJkzk==2?"checked":""} value="2" />带审查</td> </tr><tr><td align="right"><label style="color: blue;font-size: small;">居民身份证: </label></td><td><input style="width:180px;" type="text" name="cZjhm" value="${jbxx.cZjhm}" class="easyui-numberbox" /></td><td align="right"><label style="color: blue;font-size: small;">出生日期: </label></td><td><input style="width:180px;" type="text" name="dCsrq" value="${jbxx.dCsrqStr}" class="easyui-datebox" /></td> </tr><tr><td align="right"><label style="color: blue;font-size: small;">参加工作日期: </label></td><td><input style="width:180px;" type="text" name="dCjzzsj" value="${jbxx.dCjzzsjStr}" class="easyui-datebox" /></td><td align="right"><label style="color: blue;font-size: small;">干部类别: </label></td><td><select name="cGblb"><option value="0" ${jbxx.cGblb==0?"selected":""}>局级以上干部</option><option value="1" ${jbxx.cGblb==1?"selected":""}>局级干部</option><option value="2" ${jbxx.cGblb==2?"selected":""}>处级干部</option><option value="3" ${jbxx.cGblb==3?"selected":""}>科级干部</option></select></td> </tr><tr><td align="right"><label style="color: blue;font-size: small;">参加工作年限: </label></td><td><input style="width:180px;" type="text" name="nGznx" value="${jbxx.nGznx}" class="easyui-numberbox" /></td><td align="right"><label style="color: blue;font-size: small;">用工形式: </label></td><td><input style="width:180px;" type="text" name="cNdtjdw" value="${jbxx.cNdtjdw}" class="easyui-textbox" /></td></tr><tr><td align="right"><label style="color: blue;font-size: small;">现居所在地: </label></td><td><input style="width:180px;" type="text" name="cJgProvince" value="${jbxx.cJgProvince}" class="easyui-textbox" /></td><td align="right"><label style="color: blue;font-size: small;">籍贯: </label></td><td><input style="width:180px;" type="text" name="cJgCity" value="${jbxx.cJgCity}" class="easyui-textbox" /></td></tr><tr><td align="right"><label style="color: blue;font-size: small;">出生地: </label></td><td><input style="width:180px;" type="text" name="cCsdProvince" value="${jbxx.cCsdProvince}" class="easyui-textbox" /></td><td align="right"><label style="color: blue;font-size: small;">出生地补充: </label></td><td><input style="width:180px;" type="text" name="cCsdCity" value="${jbxx.cCsdCity}" class="easyui-textbox" /></td></tr></table></form></div><script type="text/javascript">//图片上传$(document).ready(function(){ $("#upload").uploadify({swf:"<%=request.getContextPath()%>/js/uploadify/uploadify.swf",uploader:"<%=request.getContextPath()%>/updHeadImage.do",fileObjName:"uploadFile", // 控制器中参数名称enctype:"multipart/form-data",auto:true,fileSizeLimit:"1024KB",fileTypeExts:"*.jpg;*.gif;*.png;",onUploadSuccess:function(file, result, response) {// 设置图片路径$("#img").attr("src",result);}}); });//导出人员信息到execlefunction out2Execle(){alert(out2Execle)$.ajax({url:"<%=request.getContextPath()%>/out2Execle.do",type:"post",dataType:"json",success:function (data){if (data) {alert("导出成功，进入F盘根目录查看")}},error:function (){alert("out2Execle 系统错误");}})} //修改.style.display='block';function updatabj(){var rensid = $("#yincang").val(); var display =$('#hide').css('display'); if(display =='none'){$.ajax({url:"<%=request.getContextPath()%>/updRensdatad.do",type:'post',data:$("#jibenxinxi").serialize(),success:function(data){//location.href=location; document.getElementById("show").style.display='none'; document.getElementById("hide").style.display='block'; location.href='<%=request.getContextPath()%>/torenYanjibendata.do?cid='+rensid;}}); }} //显示修改 function showupdatabj(){ document.getElementById("show").style.display='block'; document.getElementById("hide").style.display='none'; }</script></body></html>package com.jk.poidaochu.controller;import java.io.File;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import javax.servlet.http.HttpServletRequest;import org.apache.poi.hssf.usermodel.HSSFWorkbook;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.ResponseBody;import org.springframework.web.multipart.MultipartFile;import org.springframework.web.servlet.ModelAndView;import com.jk.jibenquanxianweihu.entity.Right;import com.jk.poidaochu.entity.Right2;import com.jk.poidaochu.service.PoiService;import com.jk.quanxian.entity.AUserRight;import com.jk.util.Const;import com.jk.util.DerivePage;import com.jk.util.ExportExcelUtils;import com.jk.util.POIExportExcel;@Controllerpublic class PoiDeriveController {@Autowiredprivate PoiService poiService;/** * <pre>daochu(导出exec) * 创建人：lengXiaXi * 创建时间：2017年11月2日 上午10:32:54 * 修改人：lengXiaXi * 修改时间：2017年11月2日 上午10:32:54 * 修改备注： * @param request * @return</pre> */@RequestMapping("daochu")@ResponseBodypublic Map<String,String> daochu(HttpServletRequest request){String title="用户信息表";//定义子工作表名称 //type2--定义字段(也可以再定义一个实体类，通过循环add加入list) ArrayList<String> headList = new ArrayList<String>(); headList.add("权限字"); headList.add("权限名称"); headList.add("描述"); //【实体类名 Right2】 ，注意：工具类中ExportExcelUtils.UserXXToExcel参数也必须改 List<Right2> userList=poiService.getAllUserList();//查询所有信息 Map<String, Object> excelMap = new HashMap<String, Object>(); excelMap.put("title", title); excelMap.put("head", headList); excelMap.put("data", userList); Map<String, String> map=new HashMap<String, String>(); try { map=ExportExcelUtils.UserXXToExcel(excelMap, "rightBOM.xls", request); System.err.println(map.get("url")+"==================="); } catch (Exception e) { map.put("success", "fail");//ajax回调函数，用success的值判断是否弹框下载链接 e.printStackTrace(); } return map; }/** * <pre>toHomePage(根据模版导出execle) * 创建人：lengXiaXi * 创建时间：2017年11月2日 上午10:33:21 * 修改人：lengXiaXi * 修改时间：2017年11月2日 上午10:33:21 * 修改备注： * @param request * @return</pre> */@RequestMapping("toExcel")@ResponseBodypublic boolean toExcel(HttpServletRequest request){//FilesImg fileImg=filesImgService.findBinaryByFid("5b049e95bece499086439ad38ba49118");Map<String,Object> map=new HashMap<String,Object>();map.put("xm", "测试柴朝波");map.put("age", "26");Map<String, String> impOrSaveExcel = POIExportExcel.ImpOrSaveExcel("ryjbxx.xls", "尚峰.xls", map, request);if (impOrSaveExcel!=null) {return true;}else {return false;}}/** * <pre>out2Execle(档案维护信息导出) * 创建人：lengXiaXi * 创建时间：2017年11月2日 下午2:33:54 * 修改人：lengXiaXi * 修改时间：2017年11月2日 下午2:33:54 * 修改备注： * @param request * @return</pre> */@RequestMapping("out2Execle")@ResponseBodypublic boolean out2Execle(HttpServletRequest request){//FilesImg fileImg=filesImgService.findBinaryByFid("5b049e95bece499086439ad38ba49118");Map<String,Object> map=new HashMap<String,Object>();map.put("zwbh", "测试柴");//职位编号map.put("name", "测试柴波");//姓名map.put("sex", "测试朝波");//性别map.put("gzdw", "测柴朝波");//工作单位map.put("oldName", "试柴朝波");//曾用名map.put("mz", "测试");//民族map.put("bmlb", "测试波");//部门类别map.put("gblb", "测朝波");//干部类别map.put("age", "26");//注意模版一定要是xls格式Map<String, String> impOrSaveExcel = POIExportExcel.ImpOrSaveExcel("basicPersonalInfo.xls", "基本人员信息.xls", map, request);if (impOrSaveExcel!=null) {return true;}else {return false;}}/** * <pre>updHeadImage(图片上传) * 创建人：lengXiaXi * 创建时间：2017年11月2日 下午4:08:18 * 修改人：lengXiaXi * 修改时间：2017年11月2日 下午4:08:18 * 修改备注： * @return</pre> */@RequestMapping("updHeadImage")@ResponseBodypublic String updHeadImage(@RequestParam MultipartFile uploadFile ,HttpServletRequest request) throws Exception {File targetFile;// 存储路径 String msgUrl = ""; // 是否上传成功标志 boolean flag = false; // 取图片的原始名称、后缀 String fileName = uploadFile.getOriginalFilename(); if(fileName != null && fileName != ""){ // 存储路径 String returnUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() +"/images/uploadImgs/"; // 文件存储位置 String path = request.getSession().getServletContext().getRealPath("/images/uploadImgs/"); File fileToo =new File(path); // 如果文件夹不存在则创建 if(!fileToo.exists()&&!fileToo.isDirectory()){ fileToo.mkdirs(); } targetFile = new File(fileToo, fileName); try { uploadFile.transferTo(targetFile); msgUrl = returnUrl+fileName; flag = true; } catch (Exception e) { e.printStackTrace(); } } if(flag){ return msgUrl; }return null;}}阅读全文
0 0
- SSM uploadify 图片上传
- uploadify上传图片
- uploadify上传多图片
- uploadify java上传图片
- 插件Uploadify图片上传
- 图片上传uploadify
- uploadify上传图片
- uploadify批量上传图片
- uploadify 图片上传demo
- 图片上传插件jquery.uploadify
- uploadify批量文件、图片上传
- PHP Uploadify图片上传裁剪
- jquery uploadify简单图片上传
- Uploadify 控件上传图片 + 预览
- uploadify struts2实现图片上传
- uploadify插件单图片上传
- Jquery+uploadify异步上传图片
- 上传图片插件之---uploadify
- sftp JSCH连接sftp出现如下报错解决办法
- 5.读书笔记收获不止Oracle之 插入表性能示例
- HDU
- MongoDB数据插入insert和save的区别
- at91sam9260的u-boot移植
- SSM uploadify 图片上传
- 6.读书笔记收获不止Oracle之 逻辑体系
- PHP命名空间和自动加载类
- 时间配置
- C的时间函数
- handler线程，判断是否联网，Get获取网页 json解析，输入流转换字符串
- 图解css3核心技术与案例实战（第一章）
- 7.读书笔记收获不止Oracle之 逻辑体系二 深入与调整
- Ubuntu 16.04下安装sogou 拼音输入法的错误问题
