首页 > 代码库 > 上传图片
上传图片
1 <%@page language="java" pageEncoding="utf-8"%> 2 <%@include file="../../base/pagePublic.jsp"%> 3 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 4 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> 5 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 6 <html> 7 <head> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 9 <script type="text/javascript" src="/MoblieManager/controls/editor/fckeditor.js"></script> 10 <script type="text/javascript" src="/MoblieManager/css/js/swfobject.js"></script> 11 12 <script src="/MoblieManager/css/js/jquery.form.js" type="text/javascript"></script> 13 <title>商户企业信息修改</title> 14 </head> 15 <link href="/MoblieManager/css/page/css/css.css" rel="stylesheet" type="text/css" /> 16 <link rel="stylesheet" type="text/css" href="/MoblieManager/css/table/img/dialog.js"/> 17 <link rel="stylesheet" type="text/css" href="/MoblieManager/css/table/img/base.css"/> 18 <link rel="stylesheet" type="text/css" href="/MoblieManager/css/table/img/style.css"/> 19 <link rel="stylesheet" type="text/css" href="/MoblieManager/css/table/img/indexbody.css"/> 20 <script> 21 window.onload = function() 22 { 23 var thumb01 =document.getElementById("pic1").value; 24 if(thumb01!=""&&thumb01!="null"){ 25 document.getElementById("imgpic01").src =thumb01; 26 } 27 var thumb02 =document.getElementById("pic2").value; 28 if(thumb02!=""&&thumb02!="null"){ 29 document.getElementById("imgpic02").src =thumb02; 30 } 31 var thumb03 =document.getElementById("pic3").value; 32 33 if(thumb03!=""&&thumb03!="null"){ 34 document.getElementById("imgpic03").src =thumb03; 35 } 36 var thumb04 =document.getElementById("pic4").value; 37 if(thumb04!=""&&thumb04!="null"){ 38 document.getElementById("imgpic04").src =thumb04; 39 } 40 41 42 var thumb05 =document.getElementById("pic5").value; 43 if(thumb05!=""&&thumb05!="null"){ 44 document.getElementById("imgpic05").src =thumb05; 45 } 46 var thumb06 =document.getElementById("pic6").value; 47 if(thumb06!=""&&thumb06!="null"){ 48 document.getElementById("imgpic06").src =thumb06; 49 } 50 51 }; 52 53 function droppic(memberid,picname,picid){ 54 if(confirm("确定要删除吗?")){ 55 var url = "/MoblieManager/forms/company/deletecompanyPic"; 56 var dataStr = ‘{"memberid":"‘ + memberid + ‘","picname":"‘+picname+‘"}‘; 57 var data = $.parseJSON(dataStr); 58 $.ajax({type: "POST", url:url, data:data, success:function(json){ 59 if(json.result==1){ 60 alert("操作成功"); 61 document.getElementById(picid).value=""; 62 window.location.reload(); 63 }else{ 64 alert("操作失败"); 65 } 66 }}) 67 } 68 } 69 70 //修改企业信息 71 function edit() { 72 if(validateForm($("form"))){ 73 alert("修改成功!"); 74 $("form")[0].submit(); 75 } 76 } 77 78 79 //上传 80 //=================== 81 var html = "<div class=‘mine_con_1‘ > "+ 82 "<table cellpadding=‘0‘ cellspacing=‘0‘ class=‘title_table1‘width=‘100%‘>"+ 83 "<tr>"+ 84 "<td class=‘td_1‘>上传图片:</td>"+ 85 "<td class=‘td_2‘>"+ 86 "<input type=‘file‘ name=‘file‘ />"+ 87 "<input type=‘button‘ value=‘upload‘ onclick=‘javascript:uploadfile(this);‘ />"+ 88 "</td>"+ 89 "</tr>"+ 90 "</table>"+ 91 "</div>"; 92 //上传 93 var picnum=‘01‘; 94 function upload(pic){ 95 picnum = pic; 96 MessageBoxx(null, ‘上传图片‘, html); 97 } 98 function MessageBoxx(ev,title,content) 99 { 100 var objPos = {x:200, y:100}; 101 messContent="<div style=‘padding:20px 0 20px 0;text-align:center‘>"+content+"</div>"; 102 showMessageBox(title,messContent,objPos,550); 103 }104 105 //上传主程序106 function uploadfile(o) {107 //准备显示的图片(不能在这里创建,否者ie图片不能根据height按比例缩小)108 //var img = document.createElement("img");109 //img.title = "双击图片可删除图片";110 //img.height = "100";111 112 var self = $(o);113 if (!self) { return; }114 //self:上传按钮; 115 var parentDiv = self.parent(); //整个上传的容器 116 var imgDiv = parentDiv.find(".fileimgdiv").eq(0); //用于显示图片的div117 var imgupfile = parentDiv.find("input:file").eq(0); //上传控件118 var span = imgupfile.parent(); //上传按钮的父级。119 var ImageHideFile = parentDiv.find("input:hidden").eq(0); //图片隐藏域。120 if (imgupfile.val() == "") {121 alert("请选择要上传的图片!");122 return false;123 }124 else {125 if (!checkImgType(imgupfile.val())) {126 alert("格式不正确,只能上传格式为gif|jpeg|jpg|png|bmp!");127 return false;128 }129 }130 131 132 //准备表当133 var myform = document.createElement("form");134 myform.action = "/MoblieManager/forms/upload/picUpload";135 myform.method = "post";136 myform.enctype = "multipart/form-data";137 myform.style.display = "none";138 //将表单加当document上,139 document.body.appendChild(myform); //创建表单后一定要加上这句否则得到的form不能上传。document后要加上body,否则火狐下不行。140 var form = $(myform);141 //var fu = imgupfile.clone(true).val(""); //先备份自身,用于提交成功后,再次附加到span中。142 var fu1 = imgupfile.appendTo(form); //然后将自身加到form中。此时form中已经有了file元素。143 144 //将上传等待图标附加到span此时,span中只用这个等待的图片(上传控件self不在了)。145 //span.html("<img src=http://www.mamicode.com/"/images/loading.gif\" /> 正在上传.. ");146 147 form.ajaxSubmit({148 //dataType: ‘json‘,149 success: function (data) {150 //alert(data);151 if(data.code=="0"){152 alert("上传成功");153 document.getElementById("pic"+picnum).value =data.filePath;154 document.getElementById("imgpic0"+picnum).src =data.filePath; 155 closeWindow();156 }else{157 alert(data.errMsg);158 closeWindow();159 }160 161 }162 }); 163 }164 165 166 //检查上传的图片格式167 function checkImgType(filename) {168 var pos = filename.lastIndexOf(".");169 var str = filename.substring(pos, filename.length)170 var str1 = str.toLowerCase();171 if (!/\.(gif|jpg|jpeg|png|bmp)$/.test(str1)) {172 return false;173 }174 return true;175 }176 177 178 179 180 </script>181 <body style="border:1px sload red;">182 <div class="mine_con_1">183 <form name="company" action="/MoblieManager/forms/company/updateCompany" method="post"> 184 <table cellpadding="0" cellspacing="0" class="title_table1"width="100%"> 185 <tr>186 <td class="td_1" style="width:10%">企业ID:</td>187 <td class="td_2" style="width:100%">${company.companypkid }</td>188 </tr>189 <tr>190 <td class="td_1" style="width:10%">企业名称:</td>191 <td class="td_2" style="width:150%"><input type="text" class="input_Name" validate="notNull" desc="企业名称" name="companyname" id="companyname" value="${company.companyname }" maxlength="60"/><font color="red">*</font></td>192 </tr>193 <tr>194 <td class="td_1" style="width:10%">企业法人:</td>195 <td class="td_2" style="width:100%"><input type="text" class="input_Name" validate="notNull" desc="企业法人" name="taxnumthumb" id="taxnumthumb" value="${company.taxnumthumb }" maxlength="30"/><font color="red">*</font></td>196 </tr>197 <tr>198 <td class="td_1" style="width:10%">营业执照编号:</td>199 <td class="td_2" style="width:100%"><input type="text" class="input_Name" validate="notNull" desc="营业执照编号" name="paypwd" id="paypwd" value="${company.paypwd }" maxlength="100"/><font color="red">*</font></td>200 </tr>201 <tr>202 <td class="td_1" style="width:10%">组织机构代码:</td>203 <td class="td_2" style="width:100%"><input type="text" class="input_Name" validate="notNull" desc="组织机构代码" name="finafiled" id="finafiled" value="${company.finafiled }" maxlength="60"/><font color="red">*</font></td>204 </tr>205 <tr>206 <td class="td_1" style="width:10%">税务登记号:</td>207 <td class="td_2" style="width:100%"><input type="text" class="input_Name" validate="notNull" desc="税务登记号" name="account" id="account" value="${company.account }" maxlength="60"/><font color="red">*</font></td>208 </tr>209 <tr>210 <td class="td_1" style="width:10%">主营行业:</td>211 <td class="td_2" style="width:150%"><input type="text" class="input_Name" validate="notNull" desc="主营行业" name="busilicecsethumb" id="busilicecsethumb" value="${company.busilicecsethumb }" maxlength="200"/><font color="red">*</font></td>212 </tr>213 <tr>214 <td class="td_1" style="width:10%">经营模式:</td>215 <td class="td_2" style="width:150%"><input type="text" class="input_Name" validate="notNull" desc="经营模式" name="tradetype" id="tradetype" value="${company.tradetype }" maxlength="200"/><font color="red">*</font></td>216 </tr>217 <tr>218 <td class="td_1" style="width:10%">联系电话:</td>219 <td class="td_2" style="width:100%"><input type="text" class="input_Name" validate="notNull" desc="联系电话" name="linkphone" id="linkphone" value="${company.linkphone }" maxlength="30"/><font color="red">*</font></td>220 </tr>221 <tr>222 <td class="td_1" style="width:10%">注册地址:</td>223 <td class="td_2" style="width:100%">224 <input type="text" class="input_Name" validate="notNull" desc="省份" name="registerProvinceid" id="registerProvinceid" value="${company.registerProvinceid }" maxlength="100"/>225 <input type="text" class="input_Name" validate="notNull" desc="市" name="registerCityid" id="registerCityid" value="${company.registerCityid }" maxlength="100"/>226 <input type="text" class="input_Name" validate="notNull" desc="区" name="registerAreaid" id="registerAreaid" value="${company.registerAreaid }" maxlength="100"/>227 <input type="text" class="input_Name" validate="notNull" desc="街道" name="registerAddress" id="registerAddress" value="${company.registerAddress }" maxlength="300"/>228 </td>229 </tr>230 231 <tr>232 <td class="td_1" style="width:10%">营业地址:</td>233 <td class="td_2" style="width:100%">234 <input type="text" class="input_Name" validate="notNull" desc="省份" name="businessProvinceid" id="businessProvinceid" value="${company.businessProvinceid }" maxlength="100"/>235 <input type="text" class="input_Name" validate="notNull" desc="市" name="businessCityid" id="businessCityid" value="${company.businessCityid }" maxlength="100"/>236 <input type="text" class="input_Name" validate="notNull" desc="区" name="businessAreaid" id="businessAreaid" value="${company.businessAreaid }" maxlength="100"/>237 <input type="text" class="input_Name" validate="notNull" desc="街道" name="businessAddress" id="businessAddress" value="${company.businessAddress }" maxlength="300"/>238 </td>239 </tr>240 241 <tr>242 <td class="td_1">上传缩略图:</td>243 <td class="td_2">244 <input type="button" onclick="upload(1)" value="身份证正面照片" style="margin-left: 100px"/>245 <input type="hidden" name="idfontpic" id="pic1" value="${company.idfontpic }">246 <input type="button" onclick="upload(2)" value="身份证反面照片" style="margin-left: 300px"/>247 <input type="hidden" name="idbackpic" id="pic2" value="${company.idbackpic }">248 </td>249 </tr>250 <tr>251 <td class="td_1"> </td>252 <td class="td_2">253 <img src="/MoblieManager/css/images/pic_no.png" width="340" height="210" alt="" id="imgpic01" onclick="droppic(‘${company.memberid}‘,‘idfontpic‘,‘pic1‘)"/>254 <img src="/MoblieManager/css/images/pic_no.png" width="340" height="210" alt="" id="imgpic02" onclick="droppic(‘${company.memberid}‘,‘idbackpic‘,‘pic2‘)" style="margin-left: 60px"/>255 </td>256 </tr>257 258 <tr>259 <td class="td_1">上传缩略图:</td>260 <td class="td_2">261 <input type="button" onclick="upload(3)" value="本人持身份证照片" style="margin-left: 100px" />262 <input type="hidden" name="personidpic" id="pic3" value="${company.personidpic }">263 <input type="button" onclick="upload(4)" value="本人与店铺合影" style="margin-left: 290px"/>264 <input type="hidden" name="personshoppic" id="pic4" value="${company.personshoppic }">265 </td>266 </tr>267 <tr>268 <td class="td_1"> </td>269 <td class="td_2">270 <img src="/MoblieManager/css/images/pic_no.png" width="340" height="210" alt="" id="imgpic03" onclick="droppic(‘${company.memberid}‘,‘personidpic‘,‘pic3‘)"/>271 <img src="/MoblieManager/css/images/pic_no.png" width="340" height="210" alt="" id="imgpic04" onclick="droppic(‘${company.memberid}‘,‘personshoppic‘,‘pic4‘)" style="margin-left: 60px"/>272 </td>273 </tr>274 275 <tr>276 <td class="td_1">上传缩略图:</td>277 <td class="td_2">278 <input type="button" onclick="upload(5)" value="营业执照照片" style="margin-left: 100px"/>279 <input type="hidden" name="busilicecse" id="pic5" value="${company.busilicecse }">280 <input type="button" onclick="upload(6)" value="店铺门帘照片" style="margin-left: 295px"/>281 <input type="hidden" name="shoppic" id="pic6" value="${company.shoppic }">282 </td>283 </tr>284 <tr>285 <td class="td_1"> </td>286 <td class="td_2">287 <img src="/MoblieManager/css/images/pic_no.png" width="340" height="210" alt="" id="imgpic05" onclick="droppic(‘${company.memberid}‘,‘busilicecse‘,‘pic5‘)"/>288 <img src="/MoblieManager/css/images/pic_no.png" width="340" height="210" alt="" id="imgpic06" onclick="droppic(‘${company.memberid}‘,‘shoppic‘,‘pic6‘)" style="margin-left: 60px"/>289 </td>290 </tr>291 292 <tr>293 <td class="td_2" colspan="2" style="text-align:center;">294 <input type="hidden" name="memberid" value="${company.memberid }"/>295 <input type="button" class="btn" onclick="edit()" value="确定"/>296 <input type="button" onclick="history.back()" class="btn" value="返回">297 </td>298 </tr>299 </table>300 </form>301 </div>302 </body>303 </html>
//后台处理上传:
private Logger log = LogManager.getLogger(UploadController.class); @RequestMapping public void picUpload(HttpServletRequest request,HttpServletResponse response){ try { log.info("==============开始上传图片================="); DefaultMultipartHttpServletRequest defaultRequest = (DefaultMultipartHttpServletRequest)request; MultiValueMap<String, MultipartFile> fileMap = defaultRequest.getMultiFileMap(); List<MultipartFile> fileList = fileMap.get("file"); MultipartFile file = fileList.get(0); if(!file.isEmpty()){ String s = file.getOriginalFilename(); String fileType = s.substring(s.lastIndexOf(".")+1); //上传图片,获取xml字符串 String urlXml = Upload.uploadImg(file.getBytes(),fileType,"Mall",""); //图片路径 String url = ""; XmlElement xmlElement = new XmlElement(); if(!StringUtils.isEmpty(urlXml)){ //解析xml字符串 xmlElement = ParseXml.XmlDocPic(urlXml); if(!StringUtils.isEmpty(xmlElement) && !StringUtils.isEmpty(xmlElement.getCode())){ if(xmlElement.getCode().equals("0")){ url = Propertys.getProval("serverUrl")+xmlElement.getFilePath()+xmlElement.getFileName(); xmlElement.setFilePath(url); } } } log.info("=====UploadController======picUpload======url:"+url); if(StringUtils.isEmpty(xmlElement.getErrMsg())){ xmlElement.setErrMsg("上传失败,连接图片服务器超时"); } response.setContentType("text/json;charset=utf-8"); Gson gson = new Gson(); String str = gson.toJson(xmlElement); response.getWriter().write(str); } } catch (Exception e) { e.printStackTrace(); log.info("======UploadController=========picUpload====异常====msg:"+e); } }
package com.mall.upload;import java.io.File;import java.io.FileOutputStream;import java.io.InputStream;import java.io.OutputStream;import java.util.Date;import java.util.List;import javax.servlet.ServletContext;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.springframework.stereotype.Controller;import org.springframework.util.MultiValueMap;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.context.ContextLoader;import org.springframework.web.context.WebApplicationContext;import org.springframework.web.multipart.MultipartFile;import org.springframework.web.multipart.support.DefaultMultipartHttpServletRequest;@Controllerpublic class UploadControllerTest { //后台处理上传 @RequestMapping public void picUpload(HttpServletRequest request,HttpServletResponse response){ try { DefaultMultipartHttpServletRequest defaultRequest = (DefaultMultipartHttpServletRequest)request; MultiValueMap<String, MultipartFile> fileMap = defaultRequest.getMultiFileMap(); List<MultipartFile> fileList = fileMap.get("file"); MultipartFile file = fileList.get(0); System.out.println("二进制流:"+file.getBytes()); //String savePath = request.getSession().getServletContext().getRealPath("/newsImages/")+java.io.File.separator; WebApplicationContext webApplicationContext = ContextLoader.getCurrentWebApplicationContext(); ServletContext servletContext = webApplicationContext.getServletContext(); String dirPath = servletContext.getRealPath("/WEB-INF/upload/"); File dir = new File(dirPath); if(!dir.exists()){ dir.mkdir(); } String filePath = dirPath+"/"+(new Date().getTime())+file.getOriginalFilename(); //附件由临时文件夹下保存到本地 File resultFile = inputstreamtofile(file.getInputStream(),filePath); //return filePath; //ControllerUtil.toJson(response, "11222"); System.out.println("===============:"+filePath); response.getWriter().write("{"+filePath+"}"); //获取页面地址参数 //String imgUrl = request.getParameter("serverUrl"); /*String ip = Propertys.getProval("appHost"); int port = Integer.parseInt(Propertys.getProval("appPort")); String user = Propertys.getProval("appUser"); String psw = Propertys.getProval("appPass"); //服务器本地地址 String url = Propertys.getProval("appUrl"); //域名地址 String appImgUrl = Propertys.getProval("appImgUrl"); String filename = resultFile.getName(); String fileType = filename.substring(filename.lastIndexOf(".")+1,filename.length()); String newname = System.currentTimeMillis()+"."+fileType; SshSftp1 sftp = new SshSftp1(); String filepath = sftp.sshSftp(ip,user,psw,port,url,appImgUrl,resultFile,newname); if(!StringUtils.isEmpty(filepath)){ String s = "{\"result\":\"" + filepath + "\"}"; return s; }else{ return ""; }*/ } catch (Exception e) { e.printStackTrace(); //return ""; } } public File inputstreamtofile(InputStream ins,String fileName) { File file = new File(fileName); try { OutputStream os = new FileOutputStream(file); int bytesRead = 0; byte[] buffer = new byte[8192]; while ((bytesRead = ins.read(buffer, 0, 8192)) != -1) { os.write(buffer, 0, bytesRead); } os.close(); ins.close(); } catch (Exception e) { e.printStackTrace(); } return file; }}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。