<div style="border: 1px solid red;">   我是添加一張臨時圖片得到微信的media_id保存數據庫!   <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">預覽容器</div>  </div> 

function previewImage(file, prvid) {  /* file：file控件  * prvid: 圖片預覽容器  */  var tip = "Expect jpg or png or gif!"; // 設定提示信息  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");//保存的服務器地址    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形式保存數據 key對應保存的是獲取界面上的name名稱 value保存的是獲取界面上的name對應的值  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;//轉化成文件組     String fileName = filepart.getFileName();//得到文件名     if (fileName != null && fileName.length() > 0) {    // 取得擴展名    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;    //重新改文件名 文件名+擴展名 */            String newFileName =new Date().getTime() +fileName;//不改圖片名字         String newPath = path + "/" + newFileName; //文件處理文件上傳的路徑     File newFile = new File(newPath);         filepart.writeTo(newFile); //將文件真正寫入到對應的文件夾中         //filepart.getName() 得到 request 要接收的參數的名字         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()) { //判斷是否是參數    ParamPart paramPart = (ParamPart) part;    map.put(paramPart.getName(), paramPart.getStringValue());    }   }   } catch (IOException e) {   e.printStackTrace();  }  return map;  }  }