Ajax方式提交带文件上传的表单
来源:互联网 发布:日语题库软件 编辑:程序博客网 时间:2024/05/21 10:36
<html>
<body>
<form action="upload.jsp" id="form1" name="form1"encType="multipart/form-data"
</form>
</body>
</html>
<scripttype="text/javascript">
functioncallback(msg)
{
}
</script>
index.html 中主要要做的就是写一个 form和 iframe ,并把 form 的 target 设为 iframe的名字,注意要把 iframe设为不可见,其他的都是正常的文件上传的写法,这样刷新的页面就是这个隐藏的 Iframe ,而在index.html中是不会有页面刷新的,js的callback方法是回调方法。用于清空文件上传框和显示后台信息,注意清空文件上传框的方法,和普通方法有点不一样。
--upload.jsp9Dhjsp 代码
<%@ page language="java" contentType="text/html; charset=gb2312"%>
<%@ pageimport="com.jspsmart.upload.SmartUpload"%>
<%
%>
upload.jsp 中只要注意最后输出的格式就可以了。其实原理就是输出一段js代码到 iframe中,然后在iframe中来控制它的父页面。
OK,至此一个无刷新的页面上传组件就做好了,不要忘了在 WEB-INF/lib 下加上必须的jspSmartUpload.jar 包。
- ajax方式提交带文件上传的表单
- Ajax方式提交带文件上传的表单
- ajax方式提交带文件上传的表单,上传后不跳转
- 表单上传文件提交实现ajax方式
- ajax提交带文件的表单
- ajax提交带文件的表单
- jquery.ajax()上传带文件的表单
- 使用ajax提交form表单,包括ajax文件上传的两种方式
- Ajax表单提交上传文件
- Ajax提交form表单,Ajax文件上传
- MVC4 文件上传的两种方式,默认提交表单方式和AJAX异步方式(精华)
- 使用ajax提交带文件的form表单
- 使用ajax提交不带文件的form表单
- HttpClient4模拟带文件上传的表单提交
- jquery提交带上传文件的form表单
- ajax提交表单的方式
- ajax上传带文件的form表单,springmvc接收
- 无刷新文件上传 ajax提交表单
- 【2013-1-25】算法每日一题:求非自身所有数乘积后取模
- asp.net vs2010中使用 ef code first 详解
- 我们在囧途之裁员篇
- HTTP中POST和GET的区别
- 2013自我学习计划
- Ajax方式提交带文件上传的表单
- 查看http服务器连接数的命名
- git命令之git 常用操作命令收集
- CCSprite 精灵动画
- 如何通过手机话费余额充值Q币?
- 黑马程序员——重复写交通灯管理系统笔记
- 创建一个jQuery插件教程
- org.dom4j.DocumentException: Software caused connection abort: recv failed Nested exception: .
- HOJ 1440 Knight Moves -------简单搜索 BFS 求l两点之间最小的到达步数