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

前端之家收集整理的这篇文章主要介绍了关于使用ajaxfileupload来上传file文件的若干总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在做文件上传的时候看到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;

}

}

原文链接:https://www.f2er.com/ajax/164649.html

猜你在找的Ajax相关文章