浅谈struts1 & jquery form 文件异步上传
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 文件异步上传就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。
相关推荐
-
Struts1简介和入门_动力节点Java学院整理
本文为大家分享了Struts1简介和入门的学习资料,供大家参考,具体内容如下 1. 框架 框架(Framework)是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法.也就是说框架是一个半成品的应用程序. 我们所面对的应用程序一般都是分为两部分,一部分是业务相关的组件部分,另一部分是和业务无关的组件部分.而我们知道和业务相关的组件部分的重用性是非常低的,这也是显而易见的事情:而和业务无关的组件部分,如验证.异常.程序流程控制等等服务组件的复用性是非常高的.所以当人们在不同的应
-
jsp struts1 标签实例详解第1/2页
1,TagForm.java 复制代码 代码如下: package com.tarena.struts.tag.form; import org.apache.struts.action.*; import javax.servlet.http.*; import java.util.*; public class TagForm extends ActionForm { private int id; private String userName; private String passwo
-
struts1登录示例代码_动力节点Java学院整理
Struts1框架实例-登录实例: 1.实例开始工作-导入jar包,在官网上下载struts1框架包,解压之后导入工程的: 2.之后配置web.xml(这里的具体配置方法可以参见struts1框架包中的实例文件夹webapps中的实例代码中web.xml文件的配置方法): 具体如下: <span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8"?> &
-
struts1实现简单的登录功能实例（附源码）
环境:MyEclipse 14 1 struts1 框架搭建 在MyEclipse新建web project 取名为struts1_login,此时是一个空文档就不截图了然后在project上右键->选择myeclipse->add struts capabilities 单击上面Install Apache Struts(1.x)Facet 点击next 选择*.do ,改下包名改成与你项目相关的.如我的包名为com.lichang.struts1 点击next 点击完成,在我们的WEB
-
Struts1和struts2的区别_动力节点Java学院整理
Struts2其实并不是一个陌生的Web框架,Struts2是以Webwork的设计思想为核心,吸收了Struts1的优点,因此,可以认为Struts2是Struts1和Webwork结合的产物. 简单来说二者的区别是: 一个是Stuts1 ,一个是Stuts2,这是最大的区别,技术方面,Stuts1有个核心控制器,但是只提供了一个接口,也就是execute,还要配置actionform之类的,很麻烦,所以依赖性比较强:而Stuts2是针对拦截器开发的,也就是所谓的AOP思想,可以配置多个act
-
浅谈struts1 & jquery form 文件异步上传
1.概述 还在用struts1?是的,在地球的没写地方,落后的生产方式还在运转(老项目). 从 继承org.apache.struts.action.Action, 继承org.apache.struts.action.ActionForm开始吧 2. 代码 2.1 html页面 <html> <head> <title>网页上传</title> </head> <body> <center> <h1>本地文件
-
jQuery多文件异步上传带进度条实例代码
先给大家展示下效果图: ///作者:柯锦 ///完成时间:2016.08.16 ///多文件异步上传带进度条 (function ($) { function bytesToSize(bytes) { if (bytes === 0) return '0 B'; var k = 1024, // or 1000 sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes)
-
springmvc利用jquery.form插件异步上传文件示例
需要的下载文件: jQuery.form.js jquery.js commons-fileupload.jar commons-io.jar 示例图片 pom.xml <!-- 文件上传 --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3</ve
-
jQuery.Form实现Ajax上传文件同时设置headers的方法
废话不多说了,关于jquery form实现ajax上传文件的方法,大家参考一下实例代码吧: <span style="font-family: Arial, Helvetica, sans-serif;">function ajaxSubmitForm() {</span> var option = { url : cache.batchImport, type : 'POST', dataType : 'json', headers : {"tok
-
表单上传功能实现 ajax文件异步上传
项目中用户上传总是少不了的,下面就主要的列举一下表单上传和ajax上传!注意: context.Request.Files不适合对大文件进行操作,下面列举的主要对于小文件上传的处理! 资源下载: 一.jQuery官方下载地址:https://jquery.com/download/ 一.表单上传: html客户端部分: <form action="upload.ashx" method="post" enctype="multipart/form-d
-
java基于servlet的文件异步上传
在这里使用了基于servlet的文件异步上传,好了废话不多说,直接上代码了... package com.future.zfs.util; import java.io.File; import java.io.IOException; import java.io.PrintWriter; import java.util.Iterator; import java.util.List; import javax.servlet.ServletException; import javax.s
-
ajax实现文件异步上传并回显文件相关信息功能示例
本文实例讲述了ajax实现文件异步上传并回显文件相关信息功能.分享给大家供大家参考,具体如下: 上传文件的信息 <div class="form-group"> <div class="col-sm-4"> <label class="control-label">应用文件</label> </div> <div class="col-sm-8"> <
-
原生javascript实现文件异步上传的实例讲解
效果图: 代码:(demo33.jsp) <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>demo33.jsp</title> </head> <body> <label for="text">名称</label>
-
浅谈用Webpack路径压缩图片上传尺寸获取的问题
问题的起因是因为的我的图片大小大于url-loader 的尺寸标准,导致webpack自动将图片的路径做了压缩处理,直接导致了我在获取dom的value的时候无法正确的获取到图片的正确路径. 直接上解决的方法. picUpload(e) { let image = new Image(); const reader = new FileReader(); const $img = e.target.files[0]; const formData = new FormData(); formDa
-
jQuery插件ajaxFileUpload异步上传文件
ajaxFileUpload.js 很多同名的,因为做出来一个很容易. 我用的是这个:https://github.com/carlcarl/AjaxFileUpload 下载地址在这里:http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能