ajax struts1异步上传文件,浅谈struts1 & jquery form 文件异步上传

1.概述

还在用struts1？是的，在地球的没写地方，落后的生产方式还在运转(老项目).

从 继承org.apache.struts.action.Action， 继承org.apache.struts.action.ActionForm开始吧

2. 代码

2.1 html页面

网页上传

本地文件网页上传

---

文件信息列表

---

选择文件：
标题：

2.2 _fileUpload.js

/**

*_fileUpload.js

*

*

*/

window.onload = function() {

$("#mysubmit").bind("click", function(){

$("#myform").ajaxSubmit({

url: "myUpload.do",

type: "post",

success: function(data){

console.log(11111111);

console.log(data);

},

error: function(responseError){

console.log(22222222222);

console.log(responseError);

}

});

});

}

2.3 MyUploadAction.java(继承自Action)

package com.rocky.console.action;

import java.io.File;

import java.io.FileOutputStream;

import java.io.InputStream;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;

import org.apache.struts.action.ActionForm;

import org.apache.struts.action.ActionForward;

import org.apache.struts.action.ActionMapping;

import org.apache.struts.upload.FormFile;

import com.rocky.console.form.MyUploadForm;

import com.rocky.console.service.ResponseUtil;

public class MyUploadAction extends Action {

public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request,

HttpServletResponse response) throws Exception{

MyUploadForm myUploadForm = (MyUploadForm) form;

FormFile uploadFile = myUploadForm.getUploadFile();

String filetitle = myUploadForm.getFiletitle();

System.out.println("111111"+filetitle);

int fileSize = uploadFile.getFileSize();

InputStream inputStream = uploadFile.getInputStream();

System.out.println("fileSize::::::::"+fileSize);

String path = "x:";

String filename = path + File.separator + uploadFile.getFileName();

FileOutputStream fos = new FileOutputStream(filename);

byte[] b = new byte[1024];

int len = -1;

while((len = inputStream.read(b))!=-1){

fos.write(b, 0, len);

}

fos.close();

String result = "success";

ResponseUtil.write(response, result, null);

return null;

}

}

2.4 MyUploadForm.java( 继承自ActionForm)

package com.rocky.console.form;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts.action.ActionErrors;

import org.apache.struts.action.ActionForm;

import org.apache.struts.action.ActionMapping;

import org.apache.struts.upload.FormFile;

public class MyUploadForm extends ActionForm {

/**

*

*/

private static final long serialVersionUID = 6650496540449458586L;

private FormFile uploadFile = null;

private String filetitle;

public String getFiletitle() {

return filetitle;

}

public void setFiletitle(String filetitle) {

this.filetitle = filetitle;

}

public ActionErrors validate(ActionMapping mapping,

HttpServletRequest request) {

return null;

}

public void reset(ActionMapping mapping, HttpServletRequest request) {

}

public FormFile getUploadFile() {

return uploadFile;

}

public void setUploadFile(FormFile uploadFile) {

this.uploadFile = uploadFile;

}

}

2.5 struts-config.xml

2.6 说明

2.6.1 jquery.form.js 网上可以下载

使用var formData = new FormData(), 然后formData.append("myfile", document.getElementById("myfile").files[0]);form.append...

当form表单field较多时 写很多 append很麻烦， 显然 ajaxSubmit方便很多

2.6.2 前端过来的数据 通过 ActionForm 直接封装到其子类(MyActionForm)对象中 , 用FormFile接收file文件 用String等接收其他类型数据

当然都是根据HTML 标签的name属性一一对应 来注入的

2.6.3 ActionForm是怎么和自定义实现的bean(MyUploadForm) 对上的？

在struts-config.xml中form-bean设置自己的那个bean，通过

来完成这种映射

以上这篇浅谈struts1 & jquery form 文件异步上传就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。