关于使用ajaxfileupload来上传file文件的若干总结

分类：Ajax作者：编程之家用户

最近在做文件上传的时候看到ajaxfileupload来做文件的上传，感觉很有意思。记录下来方便以后在做相关的功能是自己查阅。

jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta charset="utf-8">

<title>上传印章</title>

<link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css"

rel="stylesheet" type="text/css" />

<script src="../../lib/jquery/jquery-1.3.2.min.js"

type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/core/base.js" type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/plugins/ligerDateEditor.js"

type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/plugins/ligerComboBox.js"

type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/plugins/ligerButton.js"

type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/plugins/ligerDialog.js"

type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/plugins/ligerDialog.js"

type="text/javascript">

</script>

<script src="../../lib/ligerUI/js/plugins/ligerTextBox.js"

type="text/javascript">

</script>

<script type="text/javascript"

src="../../lib/jquery/ajaxfileupload.js">

</script>

<style type="text/css">

* {

font-size: 12px;

}

</style>

<script type="text/javascript">

$(function() {

$("#start").ligerDateEditor();

$("#end").ligerDateEditor();

});

function saveSeal() {

var beginDate = document.getElementById("start").value;

var endDate = document.getElementById("end").value;

if (beginDate != "" && endDate != "") {

if (beginDate > endDate) {

$.ligerDialog.warn("开始日期必须小于结束日期");

return false;

}

}

$.ajax( {

type : 'post',

async : false,

url : 'saveEditSeal_sealManager.action',

data : $('#form1').serialize(),

success : function(jsons) {

if (!jsons) {

$.ligerDialog.error("操作失败");

} else {

$.ajaxFileUpload( {

url : "saveEditSealFile_sealManager.action?id="

+ $("#sealNO").val(),

secureuri : false,

fileElementId : [ 'sealfile','signfile','idfile' ],

dataType : 'json',

/**success : function(data,status){

alert(data);

}**/

success : function(json) {

if (json == true) {

$.ligerDialog.warn("操作成功",function(value) {

if (value) {

window.parent.location.reload();

//window.location.reload();

}

});

} else {

$.ligerDialog.warn("操作失败",function(value) {

if (value) {

window.parent.location.reload();

}

});

}

}

});

}


}

})

}

/**

* 取消按钮事件

*/

function cancel() {

//alert("kkk");

//$(".l-dialog-close").close();

　　parent.$.ligerDialog.close();

　　　parent.$(".l-dialog,.l-window-mask").remove();//只隐藏遮罩层

}

</script>


<style type="text/css">

body {

padding: 10px;

}


.showTit {

background: url(../../lib/ligerUI/skins/icons/communication.gif);

background-repeat: no-repeat;

line-height: 25px;

padding-left: 25px;

font-weight: bold;

border-bottom: 1px solid #ccc;

}


.showTab {

line-height: 30px;

text-align: left;

}

</style>

</head>

<body>

<% String userid=(String)request.getAttribute("userid");

String id=(String)request.getAttribute("id");

%>

<%-- 编辑印章信息--%>

<div id="target1" align="center" style="margin: 3px; ">

<form action="saveEditSeal_sealManager.action" method="post"

id="form1" name="form1">

<table class="showTab" style="width: 500px; margin-top: 20px;">

<tr>

<td width="90px" align="left">

印章编号：

</td>

<td>

<input type="text" id="sealNO" name="sealinfo.sealno" />

</td>

<td align="left">

印章类型：

</td>

<td>

<select style='width: 130px' id="type" name="sealinfo.type">

<option value="1">

公章

</option>

<option value="0">

签名章

</option>

</select>

</td>

</tr>

<tr>

<td width="100px">

印章刻文：

</td>

<td>

<input type="text" id="content" name="sealinfo.content" />

</td>

<td>

使用年限：

</td>

<td>

<select style='width: 130px' id="indate" name="sealinfo.indate">

<option value="1">

1

</option>

<option value="3">

3

</option>

<option value="5">

5

</option>

<option value="0">

永久

</option>

</select>

</td>

</tr>

<tr>

<td>

数字证书：

</td>

<td>

<input id="signfile" name="signfile" style='width: 130px'

type="file" />

</td>

<td>

印章文件：

</td>

<td>

<input id="sealfile" name="sealfile" style='width: 130px'

type="file" />

</td>

</tr>

<tr>

<td align="left">

开始日期：

</td>

<td>

<input type="text" id="start" name="sealinfo.start" />

</td>

<td>

结束日期：

</td>

<td>

<input type="text" id="end" name="sealinfo.end" class="time"/>

</td>

</tr>

<tr>

<td align="left">

持章人姓名：

</td>

<td>

<input type="text" id="name" name="sealinfo.sealusername" />

</td>

<td>

手机号码：

</td>

<td>

<input type="text" id="phone" name="sealinfo.phone" />

</td>

</tr>

<tr>

<td>

邮箱：

</td>

<td>

<input type="text" id="email" name="sealinfo.email" />

</td>

<td>

key：

</td>

<td>

<select style='width: 130px' id="key" name="sealinfo.usbkey">

<option value="1">

配置

</option>

<option value="0">

不配置

</option>

</select>

</td>

</tr>

<tr>

<td align="left">

持章人***：

</td>

<td>

<input id="idNO" name="sealinfo.idno" />

</td>

<td>

上传***：

</td>

<td>

<input id="idfile" name="idfile" style='width: 130px' type="file" />

</td>

</tr>

<tr>

<td align="left">

证书类型：

</td>

<td>

<select id="certype" name="sealinfo.certype" style='width: 130px'>

<option value="免费证书">免费证书</option>

</select>

</td>

</tr>

<input type="hidden" id="sealid" name="sealinfo.id" />

<input type="hidden" id="inventory" name="sealinfo.inventory" value="<%=id %>" />

<input type="hidden" id="sealuserid" name="sealinfo.userid" value="<%=userid %>" />

<tr>

<td colspan="4" align="right"

style="height: 50px; line-height: 50px;">

<input type="button" value="保存" class="l-button"

style="width: 80px; display: inline-block; margin-top: 30px;"

/>

<input type="button" value="取消" class="l-button"

style="width: 80px; display: inline-block; margin-top: 30px;"

/>

</td>

</tr>

</table>

</form>

</div>

</body>

</html>

action层只要代码代码

public class SealManagerAction{


private static final long serialVersionUID = 1L;

private static final Logger log = Logger.getLogger(SealManagerAction.class);

private ISealManagerService sealManagerService;

//private PageBean pageBean = new PageBean();

//private MinicollectSeals minicollectSeals;

private ISealUserService sealUserService;

private ISealinfoService sealinfoService;


private File sealfile;// 印章文件

private String sealfileFileName;

private File signfile;// 数字签名证书

private String signfileFileName;

private File idfile;// 个人***

private String idfileFileName;

private Sealinfo sealinfo;

private Sealuser sealuser;

..............

public void saveEditSeal() {

try {

Sealinfo sealinfo1 = new Sealinfo();

User user = (User) request.getSession().getAttribute("loginUser");

Sealinfo sealinfo2=sealinfoService.findSealinfoByInventory(sealinfo.getInventory());

if (sealinfo2!=null) {

sealinfo2.setUserid(sealinfo.getUserid());

sealinfo2.setApplytype(sealinfo.getApplytype());

sealinfo2.setCertype(sealinfo.getCertype());

sealinfo2.setContent(sealinfo.getContent());

sealinfo2.setEmail(sealinfo.getEmail());

sealinfo2.setEnd(sealinfo.getEnd());

sealinfo2.setIdno(sealinfo.getIdno());

sealinfo2.setIndate(sealinfo.getIndate());

sealinfo2.setPhone(sealinfo.getPhone());

sealinfo2.setSealno(sealinfo.getSealno());

sealinfo2.setSealusername(sealinfo.getSealusername());

sealinfo2.setStart(sealinfo.getStart());

sealinfo2.setType(sealinfo.getType());

sealinfo2.setUsbkey(sealinfo.getUsbkey());

sealinfo2.setInventory(sealinfo.getInventory());

sealinfoService.addSealinfo(sealinfo2);

} else {

sealinfo1.setUserid(sealinfo.getUserid());

sealinfo1.setApplytype(sealinfo.getApplytype());

// sealinfo1.setCerpath(cerpath)

sealinfo1.setCertype(sealinfo.getCertype());

sealinfo1.setContent(sealinfo.getContent());

sealinfo1.setEmail(sealinfo.getEmail());

sealinfo1.setEnd(sealinfo.getEnd());

sealinfo1.setIdno(sealinfo.getIdno());

sealinfo1.setIndate(sealinfo.getIndate());

sealinfo1.setPhone(sealinfo.getPhone());

sealinfo1.setSealno(sealinfo.getSealno());

sealinfo1.setSealusername(sealinfo.getSealusername());

sealinfo1.setStart(sealinfo.getStart());

sealinfo1.setType(sealinfo.getType());

sealinfo1.setUsbkey(sealinfo.getUsbkey());

sealinfo1.setInventory(sealinfo.getInventory());

sealinfoService.addSealinfo(sealinfo1);

}

/*

* String id=sealinfo.getId(); Gson gson = new

* GsonBuilder().setDateFormat("yyyy-MM-dd").create(); String

* outString=gson.toJson(sealinfo);

*/

response.getWriter().print(true);

} catch (Exception e) {

// TODO Auto-generated catch block

e.printStackTrace();

log.error(e.getMessage());

}

}


public void saveEditSealFile() {

String idno = request.getParameter("id");

String sealpath = UploadConfigurationRead.getInstance().getConfigItem(

"uploadSealFilePath").trim();

String signpath = UploadConfigurationRead.getInstance().getConfigItem(

"uploadSignFilePath").trim();

String idpath = UploadConfigurationRead.getInstance().getConfigItem(

"uploadIdFilePath").trim();

try {

Sealinfo sealinfo = sealinfoService.findSealinfo(idno);

//Sealuser sealuser = sealinfo.getSealuser();

if(sealfile!=null&&sealfile.length()>0){

File xmlFile = uploadXmlFile(sealpath,sealinfo.getId(),sealfile);

sealpath = sealXMLParse(xmlFile,sealpath,sealinfo.getId());

// if(xmlFile.exists()){

// xmlFile.delete();

// }

sealinfo.setSealpath(sealpath);

}

if(signfile!=null&&signfile.length()>0){

signpath = uploadFile(signpath,sealinfo.getSealno()

+ signfileFileName.substring(signfileFileName.lastIndexOf(".")),signfile);

sealinfo.setCerpath(signpath);

}

if(idfile!=null&&idfile.length()>0){

idpath = uploadFile(idpath,sealinfo.getSealno()

+ idfileFileName.substring(idfileFileName.lastIndexOf(".")),idfile);

sealinfo.setIdpath(idpath);

}

//sealUserService.save(sealuser);

sealinfoService.addSealinfo(sealinfo);

response.getWriter().print(true);

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

log.error(e.getMessage());

} catch (Exception e) {

// TODO Auto-generated catch block

e.printStackTrace();

log.error(e.getMessage());

}


}

public String uploadFile(String directory,String filename,File file)

throws IOException {

String fiePath = directory + File.separator + filename;

File target = new File(fiePath);

FileUtils.copyFile(file,target);

return fiePath;

}

public File uploadXmlFile(String directory,File file) throws IOException{

File target = new File(directory + File.separator + filename + ".xml");

FileUtils.copyFile(file,target);

return target;

}

}

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

$.AJAX()方法中的PROCESSDATA参数
$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方法的时候参数processData默认为true(该方法为jQuery独有的) 默认情况下会将发送的数据序列化以适应默认的内容类型application/x-www-form-urlencoded 如果想发送不
form表单提交的几种方式
form表单提交的几种方式 表单提交方式一：直接利用form表单提交 html页面代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot; /&gt; &lt;title&gt;Ins
AJAX应用之注册用户即时检测
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于注册名称的检测能即时显示。常见的用户注册是用户输入用户名，后台程序检测数据库中用户名是否重复而做出注册的成功与失败之提示（当用户注册重名时将返回重新注册），或者稍微人性化一点就是在用户名文本框后添加一个检测按钮，让用户检测后再做注册。以上操作，对于用户体验方面来说是比较“差劲”的，一个很好的用户体验就是：当用户输入完注册用户名后，Web系统应能即时检查并即时_用户注册 实时异步检测
详谈基于JSON的高级AJAX开发技术
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在客户端和服务器之间创建复杂的JSON数据传输层。一、 引言毫无疑问，AJAX已经成为当今Web开发中一种强有力的用户交互技术，但是它的许多可能性应用仍然鲜为人知。在本文中，我们将来共同探讨如何 使用JavaScript对象标志(JSON)和JSON分析器在服务器和客户端AJAX引擎之间创建复杂而强有力的JSON数据传输层。我们将_ajax技术可行性
手写的ajax分页控件
文章浏览阅读2.2k次。/************************** 创建XMLHttpRequest对象 **************************/function CreateRequest(){ var xmlObj = null; try { xmlObj = new XMLHttpRequest(); } catch(e) {
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
文章浏览阅读3.7k次。在ajax应用中，通常一个页面要同时发送多个请求，如果只有一个XMLHttpRequest对象，前面的请求还未完成，后面的就会把前面的覆盖 掉，如果每次都创建一个新的XMLHttpRequest对象，也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池，如果池里有 空闲的对象，则使用此对象，否则将创建一个新的对象。下面是我最近写的一个简单的类：* XMLHttpReques_xmlhttprequest发送多个请求
Ajax 同一页面同时执行多个 XMLHTTP
文章浏览阅读3.1k次。Ajax 同一页面如何同时执行多个 XMLHTTP 呢，比如博客页，需要同时利用 Ajax 读取作者信息、文章信息、评论信息……我们的第一反应可能是创建多个全局 XMLHTTP 对象，但这并不现实。其实实现方式非常简单，就是给 onreadystatechange 对应的回调函数加上参数，以下代码是解决方案中一个函数中的一段代码。xmlhttp.open("GET", "ajax_proc_ajax响应多个mxl文件
简单介绍数据岛使用方法
文章浏览阅读1.5k次。数据岛指的是存在Html网页中的xml代码段，它在Html中形成了一个数据的集合，数据岛允许我们在Html网页中集成xml，对xml编写脚本.数据岛有它特有的形式，由标记xml开始，在开始标记中要有一个ID属性，用于指定该指定数据岛的名称。 (当然要以/xml结束).元素xml包含的内容就是xml代码。数据岛也分为2种：1）内嵌的数据岛形式2）外嵌的数据岛形式说了那么多废话，还_数据中岛计算模式
AJAX 框架 用 Asp.net ajax 还是 Jquery ?
文章浏览阅读2.1k次。AJAX 流行之后，总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。刚开始学了 JQuqery， 众多的 $get(),...等等符号早已把我搞晕了。暂时就放弃了。后来学习 ASP.NET AJAX ，在微软的领导下，逐渐由服务器端转向客户端编程。 激起我客户端编程的兴趣，才想起学习一下了 Jquery. 随着WEB2._jquery ajax asp.net 认证
轻便的XMLHttpRequest应用函数：downloadUrl()
文章浏览阅读1.7k次。前段时间在用google map api的函数库的时候，发现里面的downloadUrl函数非常好用，所以自己写了一个。用腻了那些什么框架什么池，到头来发现越简单的东西越是适合我这种懒人。downloadUrl(url, callback, data);参数说明： url不用说了; callback是回调函数，函数调用的时候会有两个参数：data, responseCode，data就_xmlhttprequest downloadurl
利用XMLHTTP无刷新自动实时更新数据
文章浏览阅读956次。前些时间写了几篇关于XMLHTTP运用的实例.(可以到http://dev.csdn.net/user/wanghr100看之前的几编关于XMLHTTP的介绍.)近来看论坛上经常有人提问关于如何无刷新,自动更新数据.传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来.但是,对于一些时效性很强的网站.传统的这种做法是不能满足的.我们可以让程序自动刷新.定时_后端xml怎么实现数据有救新增,没有就更新
AJAX设计模式 XMLHttpRequest调用
文章浏览阅读3.3k次。 XMLHttpRequest调用XMLHttpRequest Call ●●●调用，回调，下载，抓取，实时，查询，远程通信（Remoting），远程通信脚本（RemoteScripting），同步，上传，XMLHttpRequest图6-2：XMLHttpRequest调用 目标故事Reta正在一个批发商网站上购买商品。每次她添加一个商品到购物车时，web站点发出_createxmlhttpre
用javascript动态更改DropDownList下拉项
文章浏览阅读1.3k次。function clearitem(){ var drp1 = document.getElementById("drp1"); while(drp1.options.length>0) { drp1.options.remove(0); } }//动态更改方法（根据城市代码取得该市商业区并添加到DropDownList中_dropdownlist根據動態變化
微調一下 Json.net ，讓他可以序列基本型別
文章浏览阅读1.9k次。因為 Json.net 是有附原始碼的，他也附了單元測試的專案，底下是我額外增加的UnitTest，我的目標就是讓底下的測試可以pass，而且原來的Test 也要都能通過。 ValueTypeTest.csusing System;using NUnit.Framework;namespace Newtonsoft.Json.Test { [TestFixture] public cl_vb 無效的 json 基本型別
利用XMLHTTP无刷新获取数据
文章浏览阅读844次。利用XMLHTTP无刷新获取数据. 客户端和服务器端数据的交互有几种方法.1.提交,通过提交到服务器端.也称"有刷新"吧.2.通过XMLHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧.利用XMLHTTP我们可以实现很多很强大的应用.这文章主要介绍它的一些简单的应用.附:因为XMLHTTP是IE5.0+支持的对象.所以你必须要有IE5.0+才能看到效果.client.htm_xmlhttp取源码没有更新
.Net 底下，Json 相關套件的限制
文章浏览阅读1.8k次。Json.Net 無法序列基本型別(string, int)，Asp.Net Ajax 無法正確序列日期，AjaxPro序列出我不想要的_type字串 1. Json.Net 是我最常使用的序列/反序列json套件，標榜速度快，對於一對多關係的object 也都能正常運作, 己能滿足我平日的需要，但前幾天突然有個情況，我要序列的是一個泛型參數，該參數不一定是物object型別，有可能是st_token string in state start
编写组件，使用JavaScript更新UpdatePanel (转载)
文章浏览阅读1.3k次。转载自：http://www.cnblogs.com/JeffreyZhao/archive/2007/01/31/update_the_updatepanels_by_js.html众 所周知，UpdatePanel是通过Trigger来更新的。被设定为Trigger的控件在PostBack之后会被客户端所截获，并且使用 XMLHttpRequest对象发送内容，然后服务器端由ScriptMan_web.ui.updatepanel 和 updatepanel 的区别
无刷新网页——数据岛技术应用
文章浏览阅读1.9k次。有些时候，只是需要更新页面的一个部分甚至只是更新中间的几个数据却需要从服务器DOWN整个页面，导致各种资源的浪费。使用数据岛技术可以很好的解决这个问题：通过定时器或用户事件触发数据岛（XML对象）象服务器获取数据，在数据获取完成后，适时更新相关数据。示例HTML部分：http://localhost/WebService/LoadData/FeaturedService.asmx/GetScore_web数据岛
构建pool管理无刷新页面的xmlhttp对象
文章浏览阅读1k次。在页面上使用ActiveXObject的代价是很大的，如果我们的无刷新页面使用xmlhttp技术，我们或许需要频繁的建立xmlhttp对象，当然 我们也可以使用全局变量来cache一个xmlhttp对象实例。但是这样的方法适合于同步方式xmlhttp通信，而对于异步方式xmlhttp通信将 会出现问题。由于没有了进程的堵塞，用户可能再次调用同一个xmlhttp实例，如果这时前一个通信未完成，那么就
Lightbox JS v2.0
文章浏览阅读998次。 by Lokesh Dhakar 译: croc查看原文概要：Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.最新更新 Version 2.0 图片集: 分组相关的图片并且能轻松的导航它们 视觉特效: 奇特的自适应调整 向后兼容: yes! 点击这里查看实例_on lightbox 2 by lokesh dhakar
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot