文件上传

<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/sourcing/checkAndVerifyData.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/ajax/common.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/ajax/ajax.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/ajax/ajaxSelectOptionBuyingLead.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/ajax/OpenDialogKeywordPostBuyingLeadAjax.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/sourcing/uploadPhotoFileDialog.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/ajax/ajaxOpenTextTips.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/sourcing/prototype.js"></script> 

 

<table border="0" cellspacing="0" cellpadding="0">
                           
                            <tr>
                              <td class="padding_right_5px">
                     <iframe id='target_upload' name='target_upload' src=''
      style='display: none'></iframe>
     <form  name="form" method="post" enctype="multipart/form-data"
      action="../Upload" onsubmit="return startStatusCheck();"
      target="target_upload">
     <input id="importFile"
      name="importFile" type="file" >
     
     <div id="status"></div>
     <input type="hidden" id="imgsizeconfirm" value="${postBuyingLeadsMsglbl.msgFileSize}">
     <input type="hidden" id="imgtypeconfirm" value="${postBuyingLeadsMsglbl.msgFileFormat}">
                  
                              <table  border="0" cellspacing="0" cellpadding="0">
                              <tbody id="fileList">
                                  <tr>
                                    <td>
                               
                                    
                                    <h:commandButton id="submitButton" styleClass="button_gray_up"
                                    onmouseover="this.className='button_gray_down'"
                                    onmouseout="this.className='button_gray_up'"
                                     type="submit" 
                                      value="#{postBuyingLeadsMsglbl.lblBrowser}">                                     
                                    </h:commandButton>
                                    <h:inputHidden id="msgsubFileFormat" ></h:inputHidden>
                                    <h:inputHidden id="sizelblAccept" ></h:inputHidden>
                      
         
         <span style="display:none">
         <DIV id="uploadFiles" style="display:none">
         <img id="uploadFilesimgnotdisp" src="" width="10" height="10">
         </DIV>
         </span>
         
                   
                                    </td>
                                  <td>
                                   &nbsp;
                                  </td>
                                    <td>
                                    <div id="uploadfiledivdisplay" style="display:none">
                                   
                                    <h:commandButton styleClass="button_gray_up" id="post_lead_delete"
                                    onmouseover="this.className='button_gray_down'"
                                    onmouseout="this.className='button_gray_up'"
                                    type="button" value="#{postBuyingLeadsMsglbl.lblDelete}" onclick="clearValueSrc('#{postBuyingLeadsMsglbl.msgSureDelete}')">                                     
                                    </h:commandButton>
                                  
                        
         </div>          
                                    </td>
                                  </tr>
                                  </tbody>
                              </table>
                               </form>
                              </td>
                              </tr>
                          </table>

 

 

 

/uploadPhotoFileDialog.js

 

 var iTimer = null;
 var img=null;
 var flagboolreturn=false;
 var tipstr=null;
 function  checkimage(name){
  var msgtype=document.getElementById("imgtypeconfirm").value;
  var msgsize=document.getElementById("imgsizeconfirm").value;
  flagboolreturn=false;
  if(!(/^.+\.(gif|jpg)$/i.test(name))){
   alert(msgtype);
  }
  else
   return true;
  // changePicture(name);
  // img=window.opener.document.getElementById("imagePhotoPostUp");
   //img=document.getElementById("imagePhotoPostUp");
  // var img=new   Image();//document.getElementById("uploadFilesimgnotdisp");
  // img.src=name;
  /*
   if(ErrImgBig(msgsize,name)){ 
    
    flagboolreturn=true;
    return true;
   }
   else{
   
    flagboolreturn=false;
    if(img){
    if (window.navigator.userAgent.indexOf("Firefox")>=1){
     img.parentNode.removeChild(img);
    }
    else{
     img.removeNode(true);
    }
   }
    return false;
   }
   flagboolreturn=true;
   return true;
   
  }
  else{
   tipstr+=msgtype+"\n";
   alert(msgtype);
   flagboolreturn=false;
   if(img){
    if (window.navigator.userAgent.indexOf("Firefox")>=1){
     img.parentNode.removeChild(img);
    }
    else{
     img.removeNode(true);
    }
   }
   return false;
  }
  
  if(tipstr!=null){
   alert(tipstr);
   return false;
  }
  else
   return true;
   */
 }

 function  ErrImgBig(msgsize,srcname){
 // img=window.opener.document.getElementById("imagePhotoPostUp");
  //img=document.getElementById("imagePhotoPostUp");
  
  
  var imgs= document.getElementById("uploadFilesimgnotdisp");//new Image();//
  
  imgs.src=srcname;
  
  //var si=imgs.fileSize;
  //if(imgs.readyState!="complete")
     //addImg(imgs);
    // alert(imgs.readyState);
  var si=imgs.fileSize;
  //do{
   si=imgs.fileSize;
  //}while(imgs.readyState!="complete");
 // alert("img"+imgs.fileSize);
 // alert(imgs.fileSize);
  var maxfilesize = 102400;
 // var testimgsize=maxfilesize-
  //alert(img.src);
  var noknow=imgs.src;
  if(si < 0 || typeof(imgs) == 'underfined')return false;
  if  (imgs.fileSize>maxfilesize){
   //tipstr+=msgsize;
   alert(msgsize);
   return false;
  } else {
   
   return true;
  }
   }
  
  
   function addImg(imgObj){
   //  alert('in');
     if(typeof(imgObj) == 'object'){
           if(imgObj.fileSize > 102400 && imgObj.width !=0 && imgObj.height !=0){
      //          alert('add'+imgObj.fileSize);
                 clearTimeout(iTimer); iTimer = null;
            }else{
             
                 iTimer = setTimeout( "addImg" ,  1500 ); 
           }
     }
  }
  
 
 
 function clearValueSrc(confirmmsg){
  var objimg=document.getElementById("imagePhotoPostUp");
  
  if(objimg!=null){
   var srcvalue=objimg.src;
   
   if((/^.+\.(gif|jpg)$/i.test(srcvalue))){
    var okmsg = window.confirm(confirmmsg);
    if(okmsg){
     document.getElementById("pic2").innerHTML ="";
     $('ppe:post_buying_leads:submitButton').disabled = false;
     document.getElementById("uploadfiledivdisplay").style.display="none";
     //document.getElementById("imagePhotoPostUp").src="";
        //   document.getElementById("postbuyingleadform:uploadphotopostHidden").value="";
          }
   }
  }
  
 }

  var updater = null;

 function startStatusCheck()
  {
    var t=document.getElementById("importFile");
 //   t.fireEvent("onclick");
    if(!checkimage(t.value)){
     return false;
    }
    
  // t.click();
   
     $('ppe:post_buying_leads:submitButton').disabled = true;
     document.getElementById("uploadfiledivdisplay").style.display="";
    
   /*
     updater = new Ajax.Request(
                              
                                 'Upload',
                                 {asynchronous:true,  method: 'get',
                                 requestHeaders:[ 'Content-Type ', 'multipart/form-data '],
                                 onComplete:function(){alert('onSuccess:function');}});
  
  
   updater = new Ajax.PeriodicalUpdater(
                                 'status',
                                 'Upload',
                                 {asynchronous:true, frequency:1, method: 'get', onSuccess:function(request){alert('onSuccess:function');}});
  */
  //$('submitButton').disabled = false;
     return true;
    }  

 
 function followHandler(request){
  alert("followHandler");
 }
 
   function reportError(request)
   {
     document.getElementById('ppe:post_buying_leads:submitButton').disabled = false;
     alert("followHandler");

   }
 
   function killUpdate(message)
   {
    var msgOutput = "";
    document.getElementById("pic2").innerHTML =
      msgOutput.concat("<img id='imagePhotoPostUp' width='80' height='80' src='/emp-web/image?file=", message, "'>");
     document.getElementById("photoPathsetValue").value=message;
   }
     function killUpdateAlert()
   {
    var ms=document.getElementById("imgsizeconfirm").value; 
    document.getElementById("uploadfiledivdisplay").style.display="none";
    $('ppe:post_buying_leads:submitButton').disabled = false;
    alert(ms);
   }

 

 

/**
 *****************************************************************************
 * Copyright 2007 Hong Kong Trade Development Council. All rights reserved.
 *
 * This software is the confidential and proprietary information
 * of HKTDC. You shall not disclose such Confidential Information
 * and shall use it only in accordance with the terms of the license
 * agreement you entered into with HKTDC.
 *
 *****************************************************************************
 * Revision History
 *****************************************************************************
 * Date                   Author       Description
 * Jan 10, 2007           Finco Li  Upload Servlet for file AJAX upload
 *****************************************************************************
 */
package com.hktdc.emp.sg.fileupload.servlet;
import java.io.File;
import java.io.IOException;
import java.util.Iterator;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

import com.hktdc.emp.sg.fileupload.listener.FileUploadListener;
import com.hktdc.emp.sg.fileupload.listener.FileUploadListener.FileUploadStats;
import com.hktdc.emp.sg.fileupload.util.PhotoVideoLocationUtility;
import com.missiondata.fileupload.MonitoredDiskFileItemFactory;

public class UploadServlet extends HttpServlet {
 protected void doGet(HttpServletRequest request,
   HttpServletResponse response) throws ServletException, IOException {
  doPost(request, response);
 }

 protected void doPost(HttpServletRequest request,
   HttpServletResponse response) throws ServletException, IOException {
  HttpSession session = request.getSession();

  if ("status".equals(request.getParameter("c"))) {
   doStatus(session, response);
  } else {
   doFileUpload(session, request, response);
  }
 }

 private void doFileUpload(HttpSession session, HttpServletRequest request,
   HttpServletResponse response) throws IOException {
  
  try {
   FileUploadListener listener = new FileUploadListener(request
     .getContentLength());
   session.setAttribute("FILE_UPLOAD_STATS", listener
     .getFileUploadStats());
   FileItemFactory factory = new MonitoredDiskFileItemFactory(listener);
   ServletFileUpload upload = new ServletFileUpload(factory);
   List items = upload.parseRequest(request);
   
   boolean hasError = false;
   String fileURL = "";
   long filesizes=0;
   for (Iterator i = items.iterator(); i.hasNext();) {
    FileItem fileItem = (FileItem) i.next();
    filesizes+=fileItem.getSize();
   }
   if(filesizes>102400)
   {
    
    response
    .getWriter()
    .print(
      "<html><head><script type='text/javascript'>function killUpdateAlert() { window.parent.killUpdateAlert();"
        + " }</script></head><body onload='killUpdateAlert()'></body></html>");
    return ;
   }
   
   for (Iterator i = items.iterator(); i.hasNext();) {
    FileItem fileItem = (FileItem) i.next();
    
    if (!fileItem.isFormField()) {

     // *************************************************
     // This is where you would process the uploaded file
     // *************************************************
     fileURL = new PhotoVideoLocationUtility().storagePhoto("a",
       fileItem.getInputStream(), fileItem.getName()
         .substring(
           fileItem.getName().lastIndexOf(
             File.separator)+1));
     fileItem.delete();
    }
   }

   if (!hasError) {
    sendCompleteResponse(response, fileURL);
   } else {
    sendCompleteResponse(response,
      "Could not process uploaded file. Please see log for details.");
   }
  } catch (Exception e) {
   sendCompleteResponse(response, e.getMessage());
  }
 }

 private void doStatus(HttpSession session, HttpServletResponse response)
   throws IOException {
  // Make sure the status response is not cached by the browser
  response.addHeader("Expires", "0");
  response.addHeader("Cache-Control",
    "no-store, no-cache, must-revalidate");
  response.addHeader("Cache-Control", "post-check=0, pre-check=0");
  response.addHeader("Pragma", "no-cache");

  FileUploadListener.FileUploadStats fileUploadStats = (FileUploadListener.FileUploadStats) session
    .getAttribute("FILE_UPLOAD_STATS");
  if (fileUploadStats != null) {
   long bytesProcessed = fileUploadStats.getBytesRead();
   long sizeTotal = fileUploadStats.getTotalSize();
   long percentComplete = (long) Math
     .floor(((double) bytesProcessed / (double) sizeTotal) * 100.0);
   long timeInSeconds = fileUploadStats.getElapsedTimeInSeconds();
   double uploadRate = bytesProcessed / (timeInSeconds + 0.00001);
   double estimatedRuntime = sizeTotal / (uploadRate + 0.00001);
   
   response.getWriter().println("<b>Upload Status:</b><br/>");

   if (fileUploadStats.getBytesRead() != fileUploadStats
     .getTotalSize()) {
    response.getWriter().println(
      "<div class=\"prog-border\"><div class=\"prog-bar\" style=\"width: "
        + percentComplete + "%;\"></div></div>");
    response.getWriter().println(
      "Uploaded: " + bytesProcessed + " out of " + sizeTotal
        + " bytes (" + percentComplete + "%) "
        + (long) Math.round(uploadRate / 1024)
        + " Kbs <br/>");
    response.getWriter().println(
      "Runtime: " + formatTime(timeInSeconds) + " out of "
        + formatTime(estimatedRuntime) + " "
        + formatTime(estimatedRuntime - timeInSeconds)
        + " remaining <br/>");
   } else {
    response.getWriter().println(
      "Uploaded: " + bytesProcessed + " out of " + sizeTotal
        + " bytes<br/>");
    
    response.getWriter().println("Complete.<br/>");
   }
   System.out.println("--sizeTotal--"+sizeTotal);
  }

  if (fileUploadStats != null
    && fileUploadStats.getBytesRead() == fileUploadStats
      .getTotalSize()) {
   response.getWriter().println("<b>Upload complete.</b>");
  }
 }

 private void sendCompleteResponse(HttpServletResponse response,
   String message) throws IOException {
  if (message == null) {
   response
     .getOutputStream()
     .print(
       "<html><head><script type='text/javascript'>function killUpdate() { window.parent.killUpdate(''); }</script></head><body onload='killUpdate()'></body></html>");
  } else {
   //message = message.replaceAll("/", "//");
   response
     .getOutputStream()
     .print(
       "<html><head><script type='text/javascript'>function killUpdate() { window.parent.killUpdate('"
         + message
         + "'); }</script></head><body onload='killUpdate()'></body></html>");
  }
 }

 private String formatTime(double timeInSeconds) {
  long seconds = (long) Math.floor(timeInSeconds);
  long minutes = (long) Math.floor(timeInSeconds / 60.0);
  long hours = (long) Math.floor(minutes / 60.0);

  if (hours != 0) {
   return hours + "hours " + (minutes % 60) + "minutes "
     + (seconds % 60) + "seconds";
  } else if (minutes % 60 != 0) {
   return (minutes % 60) + "minutes " + (seconds % 60) + "seconds";
  } else {
   return (seconds % 60) + " seconds";
  }
 }
}