图片上传并预览

<strong><span style="font-size:18px;color:#666666;BACKGROUND-COLOR: #ffffff">html 页面部分代码</span></strong>

<form id="myeventForm" method="post" enctype="multipart/form-data"><input type="hidden" id="myEventOrgId" name="orgId" value="1"/><input type="hidden" id="myEventDevId" name="devId" value="1"/><input type="hidden" id="myEventDevName" name="devName" value="1"/><input type="file" id="myEventImageUrl" name="imageUrl" onchange="PreviewImage(this)"/><table class="table05"><tbody><tr><th>问题类型</th><td><input class="easyui-combobox" id="eventType" data-options="width:                              247,valueField:'detailId',textField:'detailName'" name="eventName"/></td> </tr> <tr> <th>问题描述</th> <td><input class="easyui-textbox" type="text" data-options="width: 247,height: 150,multiline:   true" name="eventContent"/></td> </tr> </tbody> </table></form>

js部分代码

function PreviewImage(imgFile) {var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;if (!pattern.test(imgFile.value)) {// alert("系统仅支持jpg/jpeg/png/gif/bmp格式的照片！");imgFile.focus();} else {var path;if (document.all)// IE{imgFile.select();path = document.selection.createRange().text;document.getElementById("uploadImage").innerHTML = "";document.getElementById("uploadImage").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+ path + "\")";// 使用滤镜效果} else// FF{path = URL.createObjectURL(imgFile.files[0]);console.log(path);document.getElementById("uploadImage").innerHTML = "<img src='"+ path + "' width='260' height='260'/>";}}}

 

java后台代码

 

public String insertEvent(HttpServletRequest request) {User user=(User) request.getSession().getAttribute("userInfo");Integer userId = user.getUserId();Date date=new Date();DiskFileItemFactory df=new DiskFileItemFactory();ServletFileUpload  file=new ServletFileUpload(df);List<FileItem> list=null;DataEvent dataEvent=new DataEvent();dataEvent.setUserId(userId);dataEvent.setManageTime(date);dataEvent.settInserted(date);dataEvent.settUpdated(date);try { list = file.parseRequest(request); for(FileItem item:list){ String name=item.getFieldName(); System.out.println(name); if("orgId".equals(name)){ dataEvent.setOrgId(Integer.parseInt(item.getString("utf-8"))); }else if("devId".equals(name)){ dataEvent.setDevId(Integer.parseInt(item.getString("utf-8"))); }else if("devName".equals(name)){ dataEvent.setDevName(item.getString("utf-8")); }else if("eventName".equals(name)){ dataEvent.setEventName(item.getString("utf-8")); }else if("imageUrl".equals(name)){ String filePath=UploadFile(request,item);//照片上传的服务器 if("".equals(filePath)){ return "failure"; } dataEvent.setImageUrl(filePath); } }} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}int count=dataEventMapper.insertSelective(dataEvent);if(count>-1){return "success";}else{return "failure";}}//照片上传的服务器private String UploadFile(HttpServletRequest request,FileItem item) throws IOException {InputStream ins = item.getInputStream();int size=ins.available();if(size==0){return "";}String fileName=System.currentTimeMillis()+".bmp";String uploadPath=request.getSession().getServletContext().getRealPath("/upload");File uploadfile = new File(uploadPath);if(!uploadfile.exists()){uploadfile.mkdirs();}if(item!=null){String filePath=uploadPath+"/"+fileName;        FileOutputStream ous = new FileOutputStream(filePath);            byte[] buffer = new byte[size];            int len = 0;            while((len = ins.read(buffer)) > 0){                ous.write(buffer,0,len);            ous.flush();            }            ous.close();            ins.close();    return filePath;  }            return "";}