********

1，jsp页面

 

2，后台struts的action中

public boolean saveAttach(TBasePhotoAttach photo) throws Exception{        /*System.out.println(upload1FileName); //flower.jpg        System.out.println(upload1);         System.out.println(upload1ContentType); //image/pjpeg   */ 　　　　//只能上传这些格式的图片         if(!"image/jpeg".equals(upload1ContentType)                &&!"image/gif".equals(upload1ContentType)                &&!"image/pjpeg".equals(upload1ContentType)){            return false;        } 　　　　//图片名        String photoName = upload1FileName.substring(0,upload1FileName.lastIndexOf(".")); 　　　　//图片后缀        String suffix=upload1FileName.substring(upload1FileName.lastIndexOf(".")+1); 　　　　//加上毫秒，有时因为批量上传图片，导致名字相同而被覆盖，所以加上毫秒较好        SimpleDateFormat format=new SimpleDateFormat("yyyyMMddhhmmssSSS");        //使用当前时间为图片命名        String newName=format.format(new Date())+"."+suffix;        //用于保存上传照片的文件夹        String uploadPath=this.getRequest().getRealPath("/")+"uploadImages"; //  E:JavaWorkspace dp WebRoot uploadImages        File file=new File(uploadPath);        if(!file.exists()){            file.mkdirs();        }                        String saveUrl=uploadPath +"\\"+ newName; //完整保存路径                //文件输入流        FileInputStream fis = new FileInputStream(upload1);        //文件输出流        FileOutputStream fos = new FileOutputStream(saveUrl, false);                byte buffer[] = new byte[4096];        int readSize = 0;        //存储文件        while ((readSize = fis.read(buffer)) > 0) {            fos.write(buffer, 0, readSize);        }                //photo.setPhotoUrl(saveUrl);        //URLEncoder.encode(upload1FileName, "UTF-8");        //DATE.getCurrentDate().toString()                String photoUrl=this.getRequest().getContextPath()+"/uploadImages/"+newName;        photo.setPhotoUrl(photoUrl);        photo.setOldname(upload1FileName);        photo.setNewname(newName);        stuService.savePhoto(photo);                return true;            }

 二，批量上传

1，后台

public void saveGroupPhotos() throws Exception{        //构建保存路径        String uploadPath=this.getRequest().getRealPath("/")+"uploadImages";        File file=new File(uploadPath);        if(!file.exists()){            file.mkdirs();        }        SimpleDateFormat format=new SimpleDateFormat("yyyyMMddhhmmssSSS");                FileInputStream fis=null;        FileOutputStream fos=null;        String suffix=null;        String saveUrl=null;                for(int i=0;i
     
      0){                fos.write(bytes,0,len);            }        }                                    }
     

2，前台

function addMore(){               $("#upload").append("");                      }

<form action="<%=path%>/test/test!saveGroupPhotos.action" method="post" enctype="multipart/form-data">

<div id="upload">

<input type="file" name="group" label="文件1">

</div>

<input type="button" value="add more.." οnclick="addMore();">

<input type="submit" value="提交">

</form>

 三，使用jquery插件批量上传图片

//即刻显示上传的图片

function view(){

var filepath=$("#upload1").val();

var suffix=filepath.substr(filepath.indexOf(".")+1);

if("jpg"==suffix||"png"==suffix||"bmp"==suffix||"jpeg"==suffix){

$("#preview img").attr("src",filepath);

$("#preview").show();

}else{

alert("图片格式不正确");

return;

}

}

//页面加载完成后，

$(function(){

//alert($("#show img").attr("src"));

var photourl=$("#photourl").val();

if(photourl==""||photourl==null){

$("#preview").hide();

}

});

/******/

function del(id){

$("#"+id).remove();

var input="<input name='deletePhotoIds' type='hidden' value='"+id+"'/>"

$("#deleteAttachDiv").append(input);

}

 

<fieldset>

<legend>民主评议照片上传</legend>

<%-- <input type="file" class="input_text" name="upload1" id="upload1" style="width: 60%" οnchange="view();"/>

<br><br>

<div id="preview">

<img width="100px" height="100px" alt="" src="${photoModel.photoUrl }"/>

</div>

--%>

 

<form action="<%=path%>/student/student!savePreparePhoto.action"

method="post" οnsubmit="return checkform();" enctype="multipart/form-data" target="actionframe2">

<input type="hidden" name="photoModel.photoUrl" id="photourl" value="${photoModel.photoUrl}">

<div id="deleteAttachDiv" style="display: none;">

</div>

<input type="file" class="multi" name="upload" id="upload" style="width: 100%;">

<s:if test="photosModel != null">

<s:iterator value="photosModel" var="attch">

<div class="MultiFile-label" id="${id }" flag="1">

<li>

<a class="MultiFile-remove" href="#" οnclick="del('${id }')">删除</a>

<%-- <img width="100px" height="100px" alt="" src="${photoUrl }"/> --%>

<span class="MultiFile-title">${oldname }</span>

</li>

</div>

</s:iterator>

</s:if>

</fieldset>

 

*************