ajax 假上传文件

1.

<form name="certForm" id="certForm" method="post" action="xxx.htm" enctype="multipart/form-data" target="uploadCertIframe">
<table>
<tr>
<td class="ft-right" width="10%"><font color="red">* </font>选择你要上传的证书文件</td>
<td width="15%">
<input type="file" id="certFile" name="certFile"/>
</td>
<input type="text" class="i-text" size="27" name="password" id="password" value="$!certForm.password"/></td>
</td>
</tr>
</table>

<div class="tb-tfoot tb-tfoot-noborder">
<span class="btn"><input type="submit" value="提交" onclick="return submitCheck()"></span>
</div>
</form>
form.target属性指定表单提交的页面 就是以下的iframe  的名字 ,后端处理结果页面如vm返回到此iframe 中,然后做页面跳转,产生类似异步提交的错觉。

2.

<iframe style="display:none" name="uploadCertIframe" id="uploadCertIframe"></iframe>

3.

@RequestMapping(value = "xxx.htm", method = RequestMethod.POST)
public String createxxxByImport(ModelMap modelMap, WebRequest request, xxxForm xxxForm) {

modelMap.addAttribute("xxx", xxxxForm.getxxxAlias());

return "xxx.vm";
}

4.xxx.vm js处理  注:要操作iframe 上面的页面得用parent来操作

<div id = "result">$!result</div>
<script type="text/javascript">
var result = $("#result").text();
if(result == "T"){
window.parent.$(".tip-success").show();
setTimeout(function(){
parent.document.location.href =‘/xx/xxManage.htm?xxx=‘+xxx;
},3000);
}
</script>

时间: 2024-10-19 04:50:23

ajax 假上传文件的相关文章

关于ajax分段上传文件实例~

本来打算写的勤快一点的,谁知道最近好忙啊,忙着应聘的事情,这里突然想提一下自己的历程 自己现在是一只大三狗,高中三年是玩过去了,上了一所省内普通的不能再普通的二本.不过在大学里还算的上勤奋,大一上在学生会搅搅水,大一下就开始在学校网络中心里面干活,网络维护是工作,编程是兴趣,基本上每天网络中心寝室两点一线,所以说还算得上勤奋.不过现在我自己算是明白,很多事情不是勤奋就好了的,方法不对,真的是事倍功半.自己之前学习东西都是瞎倒腾,看书,看视频,记笔记,写demo.看起来稀疏平常,但是自己缺点在于太

Ajax方式上传文件

用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 FormData 对象,还在用IE6 ? 只能仰天长叹.... 有了这两个对象,我们可以真正的实现Ajax方式上传文件. 示例代码: <!DOCTYPE html> <html> <head> <title>Html5 Ajax 上传文件</title>

jquery ajax实现上传文件代码,带进度条

原文:jquery ajax实现上传文件代码,带进度条 源代码下载地址:http://www.zuidaima.com/share/1550463291116544.htm ajax上传文件代码,带进度条的. 首页 http://localhost:端口/项目名/common/test.htm 上传中 标签: jquery ajax 上传 进度条话题: Web开发 前端技术 jquery ajax实现上传文件代码,带进度条

ajax jquery 上传文件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/jsp/commons/includes.jsp"%> <html> <head> <title>${systemName }</title> <style t

SSM框架下,使用ajax请求上传文件(doc\docx\excel\图片等)

1.准备工作 1.1.添加上传必要jar包 <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> <dependency> <groupId>commons-fileupload</groupId>

django中通过文件和Ajax来上传文件

一.通过form表单来上传文件 1.在html模板中 <form action="/index/" method="post" enctype="multipart/form-data">#在form属性中写入enctype="multipart/form-data" 这样form表单才能支持数据文件的提交 {% csrf_token %} 头像<input type="file" nam

解决ajax异步上传文件的问题

HTML: <form id="avater" name="formlist"> {{ csrf_field() }} <ul class="list-group container" style="width:50%"> <li class="list-group-item list" style="border-radius: 5px"> <

通过Ajax方式上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: 1 2 3 4 5 6 7 8 9 <form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">       <h1 >测试通过Rest接口上传文件 </h1&g

15. 利用ajax jquery 上传文件

通过jQuery Ajax使用FormData对象上传文件 字数664 阅读26857 评论18 喜欢18 FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单". 在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明. 但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢? 本文将介绍通过jQuery使用F