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

2024-05-06 15:16:47

字体：大中小

来源：转载

供稿：网友

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;      }}

上一篇：jquery Form轻松实现文件上传

下一篇：node.js操作mongodb简单示例分享