时间:2021-05-18
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 文件异步上传就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考,具体如下:Jquery.form.js是一个可以异步提交表单及上传文件的插件。示例如
本文实例为大家分享了ajaxfileupload异步上传插件的使用方法,供大家参考,具体内容如下服务器端采用struts2来处理文件上传。所需环境:jquery
Struts1框架实例—登录实例:1、实例开始工作—导入jar包,在官网上下载struts1框架包,解压之后导入工程的:2、之后配置web.xml(这里的具体配
js源码:///////*!*jQueryupload*用于上传单个文件,上传成功后,返回文件路径。*本插件依赖jQuery,jquery.form请在使用时引
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。最近在使用jquery.form.js提交包含文件的表单时,碰到了一个问