from实现struts上传，允许回调

很多时候，form表单提交，是通过浏览器去执行方法，一般情况下，我们不会去考虑需要回调。但是，我们使用from实现文件struts上传，然后，我们还需要它返回一个结果。这样，就可以看的得到我上传是否成功，且还可以根据上传是否成功去实现不同的功能：

以下是我模仿某个网站做的一些实现

实现这个功能还需要一个插件，就是jquery.form.js,源码地址https://malsup.github.io/jquery.form.js

代码：前台代码

<div id="addFubuGoods_photo" style="width:600px; height:470px;" class="easyui-dialog" title="添加景点图片信息"  data-options="iconCls:'icon-add',resizable:true,modal:true,closed:true" >
<form method="post" enctype="multipart/form-data" id="upload_form" action="../upload/uploadFile_upload" >
<label>景点图片：</label><input type="file" name="file" value="选择图片" id="viewPic" multiple="multiple" onchange="previewMultipleImage (this,'view_show_pic',80,80)"  />
<div id="view_show_pic" style="width:550px;height:300px;border:1px solid #ef6819;margin:20px;margin-bottom: 0px;"></div><br />
<p style="margin:0px;margin-bottom: 10px;margin-left:20px;"><span style="color:red;">*</span><label style="color:#ccc;">我们将选取第一张相片作为你们产品的宣传主题画</label></p>
</form>
<input type="button" onclick="upload_file()" name="upload" value="start_upload" style=" border-radius:20px; background-color: #00e3e3;border:none;padding:5px;margin-bottom: 10px;margin-left:30%;cursor: pointer;" />
<input type="button" onclick="cencel_upload()" name="cencel" value="cencel_upload" style=" border-radius:20px; background-color: #00e3e3;border:none;padding:5px;margin-bottom: 10px;margin-left:1%;cursor: pointer;" />
</div>

后台实现，就是使用sturts2的上传：

UploadFile.class

package com.qw.actions;

import java.io.File;
import java.util.List;

import org.apache.struts2.ServletActionContext;

import com.qw.json.entities.JsonObject;
import com.qw.utils.UploadFile_Image;
import com.opensymphony.xwork2.ActionSupport;

public class UploadFile extends ActionSupport {
private static final long serialVersionUID = 1L;

private List<File> file;  //要上传的表单元素的name属性值
private List<String> fileContentType;  //上传文件的类型
private List<String> fileFileName;  //上传文件的名称
private String savePath;  //用来接收依赖注入的文件保存路径
private UploadFile_Image uploadImage=new UploadFile_Image();
private JsonObject jsonObject;

public String upload(){
try {
jsonObject.setObj(uploadImage.upload(file, fileContentType, fileFileName, getSavePath()));
} catch (Exception e) {
jsonObject.setObj("photo");
}
return "success";
}

public List<File> getFile() {
return file;
}

public void setFile(List<File> file) {
this.file = file;
}

public List<String> getFileContentType() {
return fileContentType;
}

public void setFileContentType(List<String> fileContentType) {
this.fileContentType = fileContentType;
}

public List<String> getFileFileName() {
return fileFileName;
}

public void setFileFileName(List<String> fileFileName) {
this.fileFileName = fileFileName;
}

public String getSavePath() {
return ServletActionContext.getServletContext().getRealPath(savePath);
}

public void setSavePath(String savePath) {
this.savePath = savePath;
}

public JsonObject getJsonObject() {
return jsonObject;
}

public void setJsonObject(JsonObject jsonObject) {
this.jsonObject = jsonObject;
}
}

<pre name="code" class="java">UploadFile_Image.class

package com.qw.utils;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;

public class UploadFile_Image {
private SimpleDateFormat sdf=new SimpleDateFormat("yyyyMMddhhmmssSSS");
private String houzui="";//后缀
private String photo_path="";//图片路径
private String countName="";//当前所有路径

public String upload(List<File> file,List<String> fileContentType,List<String> fileFileName,String savePathMethod){
FileOutputStream fos=null;
FileInputStream fis=null;
try {
for(int i=0;i<file.size();i++){
houzui=fileFileName.get(i).substring(fileFileName.get(i).lastIndexOf("."));
countName=("LV"+sdf.format(new Date()))+houzui;
photo_path+="pics/"+countName+",";
fos=new FileOutputStream(savePathMethod+"\\"+countName);
fis=new FileInputStream(file.get(i));
byte[] bt=new byte[1024];
int len=0;
while((len=fis.read(bt))>0){
fos.write(bt,0,len);
}
fos.flush();
}
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} finally {
if(fos!=null){
try {
fos.close();
} catch (IOException e) {
e.printStackTrace();
}
}
if(fis!=null){
try {
fis.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
return photo_path.substring(0,photo_path.lastIndexOf(","));
}
}

js部分:

//上传图片
function upload_file(){
$("#upload_form").ajaxSubmit({
type:'post',
url:'../upload/uploadFile_upload',
dataType:"json",
success:function(data){
if(data.obj!="photo"){
$.post("../json/businessAction_updateGoodsInfo",{"testPro.viewId":viewId,"testPro.viewPic":data.obj},function(data){
if(parseInt($.trim(data.result))==1){
$.messager.show({
title:'成功提示',
msg:'景点图片上传成功...',
timeout:2000,
showType:'slide'
});
$("input[type=reset]").trigger("click");
$("#business_fabuview_data").datagrid("reload");
}else{
$.messager.show({
title:'失败提示',
msg:'网络出小差了...',
timeout:2000,
showType:'slide'
});
}
});
}else{
$.messager.show({
title:'失败提示',
msg:'网络出小差了...',
timeout:2000,
showType:'slide'
});
}
}
});
}