<div style="border: 1px solid red;"> 
  我是添加一張臨時圖片得到微信的media_id保存數(shù)據(jù)庫! 
  <form action="xxxxxxxxm" 
  enctype="multipart/form-data" method="post"> 
  <div style="display: none;"> 
   <input type="text" value="IMAGE" name="type"/> 
  </div> 
  上傳圖片:<input type="file" name="file" 
   onchange="previewImage(this, 'prvid')" multiple="multiple"><br /> 
  <input type="submit" value="提交" /> 
  </form> 
  <div id="prvid">預(yù)覽容器</div> 
 </div> 

function previewImage(file, prvid) { 
 /* file：file控件 
 * prvid: 圖片預(yù)覽容器 
 */ 
 var tip = "Expect jpg or png or gif!"; // 設(shè)定提示信息 
 var filters = { 
 "jpeg" : "/9j/4", 
 "gif" : "R0lGOD", 
 "png" : "iVBORw" 
 } 
 var prvbox = document.getElementById(prvid); 
 prvbox.innerHTML = ""; 
 if (window.FileReader) { // html5方案 
 for (var i = 0, f; f = file.files[i]; i++) { 
  var fr = new FileReader(); 
  fr.onload = function(e) { 
  var src = e.target.result; 
  if (!validateImg(src)) { 
   alert(tip) 
  } else { 
   showPrvImg(src); 
  } 
  } 
  fr.readAsDataURL(f); 
 } 
 } else { // 降級處理 
 
 if (!/\.jpg$|\.png$|\.gif$/i.test(file.value)) { 
  alert(tip); 
 } else { 
  showPrvImg(file.value); 
 } 
 } 
 
 function validateImg(data) { 
 var pos = data.indexOf(",") + 1; 
 for ( var e in filters) { 
  if (data.indexOf(filters[e]) === pos) { 
  return e; 
  } 
 } 
 return null; 
 } 
 
 function showPrvImg(src) { 
 var img = document.createElement("img"); 
 img.src = src; 
 prvbox.appendChild(img); 
 } 
} 

@RequestMapping(params = "method=addCircle") 
public String addCircle(HttpServletResponse response,HttpServletRequest request) throws IOException { 
 request.setCharacterEncoding("utf-8"); 
 response.setContentType("text/html;charset=utf-8"); 
 
 
 String path = request.getSession().getServletContext().getRealPath( 
  "/BackstageShoppingWebsite/images/addCircleimage");//保存的服務(wù)器地址 
 
 
 Map<String, String> map = Upload 
  .upload(request, 1024 * 1024 * 10, path); 
 
 
 String file= map.get("file"); // 名稱 
 String image = map.get("type"); // 圖像 
 String newFile = map.get("newFile");// 地址 
 
 return null; 
 } 

package com.web.weixin.bean; 
import java.io.File; 
import java.io.IOException; 
import java.util.Date; 
import java.util.HashMap; 
import java.util.Map; 
import javax.servlet.http.HttpServletRequest; 
 
import com.oreilly.servlet.multipart.FilePart; 
import com.oreilly.servlet.multipart.MultipartParser; 
import com.oreilly.servlet.multipart.ParamPart; 
import com.oreilly.servlet.multipart.Part; 
 
 
public class Upload { 
 
 public static Map<String, String> upload(HttpServletRequest request, 
  int maxSize, String path) { 
  
 //以map形式保存數(shù)據(jù) key對應(yīng)保存的是獲取界面上的name名稱 value保存的是獲取界面上的name對應(yīng)的值 
 Map<String, String> map = new HashMap<String, String>(); 
 Part part = null; 
 try { 
  MultipartParser mrequest = new MultipartParser(request, maxSize); 
  mrequest.setEncoding("utf-8"); 
  //遍歷所有的part組 
  while ((part = mrequest.readNextPart()) != null) { 
  if (part.isFile()) { //判斷是否是文件 
 
   FilePart filepart = (FilePart) part;//轉(zhuǎn)化成文件組 
 
   String fileName = filepart.getFileName();//得到文件名 
 
   if (fileName != null && fileName.length() > 0) { 
   // 取得擴(kuò)展名 
   String fileExtName = fileName.substring( 
    fileName.lastIndexOf(".") + 1).toLowerCase(); 
   // 只上傳圖片 //判斷圖片上傳的格式是否符合 后綴名是否有效 
   if (fileExtName.equalsIgnoreCase("jpeg") 
    || fileExtName.equalsIgnoreCase("png")|| 
    fileExtName.equalsIgnoreCase("jpg") 
    || fileExtName.equalsIgnoreCase("gif") 
    || fileExtName.equalsIgnoreCase("ico") 
    || fileExtName.equalsIgnoreCase("bmp") 
    || fileExtName.equalsIgnoreCase("flv") 
    || fileExtName.equalsIgnoreCase("mp4") 
    || fileExtName.equalsIgnoreCase("mp3")) { 
 
    
    /*String newFileName = new Date().getTime() + "."+ fileExtName;
    //重新改文件名 文件名+擴(kuò)展名 */    
    
    String newFileName =new Date().getTime() +fileName;//不改圖片名字 
    
    String newPath = path + "/" + newFileName; //文件處理文件上傳的路徑 
    File newFile = new File(newPath); 
    
    filepart.writeTo(newFile); //將文件真正寫入到對應(yīng)的文件夾中 
    
    //filepart.getName() 得到 request 要接收的參數(shù)的名字 
    
    map.put(filepart.getName(), newFileName);//把文件信息保存到map中 
    map.put("newFile", newFile.toString()); 
   } else { 
    map.put("geshi", "geshi"); 
    continue; 
   }// 說明上傳的不是圖片 
   } else { 
 
   map.put("yes","yes"); 
 
   continue; // 說明沒有選擇上傳圖片 
   } 
 
  } else if (part.isParam()) { //判斷是否是參數(shù) 
   ParamPart paramPart = (ParamPart) part; 
   map.put(paramPart.getName(), paramPart.getStringValue()); 
 
  } 
  } 
 
 } catch (IOException e) { 
  e.printStackTrace(); 
 } 
 return map; 
 } 
 
}