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

2019-11-19 16:29:51

字体：大中小

来源：转载

供稿：网友

1.概述

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

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

2. 代码

2.1 html页面

<html><head><title>网页上传</title></head><body>  <center>    <h1>本地文件网页上传</h1>    <hr>  </center>  <h1>文件信息列表</h1>  <hr>  <form id="myform" method="post" enctype="multipart/form-data">    <table width="0" border="0" cellspacing="10" cellpadding="0">          <tr>        <td>选择文件：</td>        <td><input type="file" name="uploadFile" /></td>      </tr>      <tr>        <td>标题：</td>        <td><input type="text" name="filetitle" /></td>      </tr>      <tr>        <td colspan="2">          <input type="button" id="mysubmit" value="确认上传"/>        </td>      </tr>    </table>  </form>  <script src="script/jquery.js"></script>  <script src="script/jquery.form.js"></script>  <script src="script/_fileUpload.js"></script></body></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

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "struts-config_1_2.dtd"><struts-config>  <data-sources />  <form-beans>    <form-bean name="myUploadForm" type="com.rocky.console.form.MyUploadForm" />  </form-beans>  <global-exceptions />  <global-forwards />  <action-mappings>    <!-- rocky myupload -->    <action path="/myUpload" attribute="myUploadForm" name="myUploadForm" type="com.rocky.console.action.MyUploadAction" />  </action-mappings>  <message-resources parameter="ApplicationResources" /></struts-config>

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，通过<action path="/myUpload" attribute="myUploadForm" name="myUploadForm"

来完成这种映射

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

上一篇：Node.js操作redis实现添加查询功能

下一篇：详解Vue中过度动画效果应用