- 浏览: 592468 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (300)
- Web前端 (27)
- Java疑难 (60)
- 面试 (59)
- 汇编语言 (1)
- 计算机组成原理 (2)
- 操作系统 (3)
- 计算机网络 (6)
- C/C++疑难 (9)
- SSH (2)
- Web开发 (15)
- 故障 (3)
- 软件开发 (16)
- Portal开发 (1)
- 后台开发 (6)
- 数据库 (35)
- 设计模式 (4)
- 数据结构与算法 (4)
- Linux (3)
- 项目管理 (10)
- 多线程 (12)
- 嵌入式 (9)
- 网络编程 (4)
- 架构设计 (20)
- 软件工具技巧 (7)
- 并行并发 (4)
- 窗口编程 (7)
- 串口编程 (0)
- Flex (2)
- 协议 (1)
- 通讯方式 (4)
- 性能分析优化 (5)
- 测试相关 (4)
- 海量数据处理 (2)
- JAVA核心技术 (10)
- SOA (3)
- 攻略规划 (1)
- 爬虫/搜索 (2)
- 正则表达式 (1)
- A Comparison Of NoSQL Database Management Systems And Models (1)
最新评论
-
charles751:
分析的很好!但有一点:只要同步组合操作就可以了,不一定非要sy ...
Vector 是线程安全的? -
S346618898:
core Java中有一段:Vector类对自己的所有可修改方 ...
Vector 是线程安全的? -
code_cj:
基本上明白了.但执行顺是否应该是/etc/profile -& ...
profile bashrc bash_profile之间的区别和联系 -
xd2008ck:
各自有各自的场景吧楼主不要太激进了
Vector 是线程安全的? -
zwt2001267:
写的不错,赞一个
Vector 是线程安全的?
[代码] [HTML]代码
01 |
<html> |
02 |
<body> |
03 |
|
04 |
<form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" > |
05 |
<input type="file" id="file" name="file" style="width:450">
|
06 |
<INPUT type="submit" value="上传文件"><span id="msg"></span>
|
07 |
<br>
|
08 |
<font color="red">支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font>
|
09 |
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
|
10 |
</form> |
11 |
|
12 |
</body> |
13 |
</html> |
14 |
|
15 |
<script type="text/javascript"> |
16 |
function callback(msg) |
17 |
{ |
18 |
document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;
|
19 |
document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>";
|
20 |
} |
21 |
</script> |
[代码] 原理就是输出一段js代码到 iframe 中,然后在iframe中来控制它的父页面
01 |
<%@ page language= "java" contentType= "text/html; charset=gb2312" %>
|
02 |
<%@ page import = "com.jspsmart.upload.SmartUpload" %>
|
03 |
|
04 |
<% |
05 |
//新建一个SmartUpload对象
|
06 |
SmartUpload su = new SmartUpload();
|
07 |
|
08 |
//上传初始化
|
09 |
su.initialize(pageContext);
|
10 |
|
11 |
// 设定上传限制
|
12 |
//1.限制每个上传文件的最大长度。
|
13 |
su.setMaxFileSize( 10000000 );
|
14 |
|
15 |
//2.限制总上传数据的长度。
|
16 |
su.setTotalMaxFileSize( 20000000 );
|
17 |
|
18 |
//3.设定允许上传的文件(通过扩展名限制),仅允许doc,txt文件。
|
19 |
su.setAllowedFilesList( "doc,txt,jpg,rar,mid,waw,mp3,gif" );
|
20 |
|
21 |
boolean sign = true ;
|
22 |
|
23 |
//4.设定禁止上传的文件(通过扩展名限制),禁止上传带有exe,bat,jsp,htm,html扩展名的文件和没有扩展名的文件。
|
24 |
try {
|
25 |
su.setDeniedFilesList( "exe,bat,jsp,htm,html" );
|
26 |
|
27 |
//上传文件
|
28 |
su.upload();
|
29 |
//将上传文件保存到指定目录
|
30 |
su.save( "c:\\" );
|
31 |
|
32 |
} catch (Exception e) {
|
33 |
e.printStackTrace();
|
34 |
sign = false ;
|
35 |
}
|
36 |
if (sign== true )
|
37 |
{
|
38 |
out.println( "<script>parent.callback('upload file success')</script>" );
|
39 |
} else |
40 |
{
|
41 |
out.println( "<script>parent.callback('upload file error')</script>" );
|
42 |
}
|
43 |
%> |
发表评论
-
字符集与字符编码
2013-09-06 00:23 1234摘自http://blog.sina.com.cn ... -
网站前端和后台性能优化的34条宝贵经验和方法
2013-04-15 22:38 9941 减少HTTP请求数量 (Minimize HTTP Re ... -
javascript this关键字用法介绍
2013-04-12 12:05 975源于http://www.111cn.net/wy ... -
深度理解原型链
2013-04-09 15:15 2011摘自http://www.cnblogs.com/maoro ... -
前端开发必须知道的JS(一) 原型和继承
2013-04-09 12:58 854源自www.cnblogs.com/ljchow/ ... -
CSS样式表继承详解
2013-04-09 00:15 980什么是继承?要想了解css样式表的继承,我们先从文档树(HT ... -
如何优化JavaScript脚本的性能
2013-04-07 00:08 754循环 循环是很常用的一个控制结构,大部分东西要依靠它来完成 ... -
JavaScript中的隐式类型转换
2013-04-06 23:31 1147如果把通过函数或方法调用,明确的将某种类型转换成另一种类型称 ... -
给定时器settimeout、setInterval调用传递参数
2013-01-17 15:08 1126使window.setTimeout/window.set ... -
浅谈 js中parseInt函数的解析
2013-01-09 22:25 815首先还是从很热门的实例parseInt("09 ... -
round、floor与ceil
2013-01-09 22:16 1032round() 方法可把一个数字舍入为最接近的整数。 ... -
js浮点数精度问题
2013-01-09 21:10 21070大多数语言在处理浮点数的时候都会遇到精度问题,但是在JS ... -
jquery中,html、val与text三者属性取值的联系与区别
2012-01-14 18:49 1726jquery中,html、val与text三者属性取值的联系与 ... -
JS缓存图片实例
2011-12-16 01:02 5760JS缓存图片实例 现有JS功能越来强大了,很多基 ... -
js刷新页面代码
2010-10-16 11:15 963先来看一个简单的例子:下面以三个页面分别命名为frame.ht ... -
关于javaScript的IE与FireFox兼容性
2010-10-14 18:30 1391firefox没有window.event对象,其实这个本来不 ... -
js判断浏览器类型
2010-10-14 18:27 1138<!DOCTYPE html PUBLIC " ... -
FireFox与IE禁止右键单击
2010-10-14 14:00 1525<html><head><tit ... -
FireFox与IE事件禁止右键菜单写法的不同
2010-10-14 01:25 2302IE写法 <script> docum ... -
捕捉按键、隐藏按钮、鼠标建、获取Session
2010-10-10 23:31 1377<script type="text/java ...
相关推荐
通过隐蔽iframe实现无刷新上传文件操作_.docx
本文实例讲述了asp.net中MVC借助Iframe实现无刷新上传文件的方法。分享给大家供大家参考。具体实现方法如下: html: 代码如下:”uploadwindow” xss=removed> <form action=”/ShopActivitys/...
通过iframe和Jquery实现无刷新上传下载文件。项目是VS2010的。
但是用iFrame来实现无刷新上传文件确实一个很好的选择。 解决办法是通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs 1.html target指向iframe的name,就是把上传后的操作交给iframe来处理. &...
ajax iframe jsp 无刷新上传文件+JavaScript字符串函数大全+如何自定义Struts2表单验证后的错误信息显示格式样式
实例VS2010代码 dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar dojo_iframe无刷新上传文件demo.rar
出于安全考虑js是不能操作文件的,而ajax与后台通信都是通过传递字符串所以在jsp中使用iframe实现无刷新提交文件
但是用iFrame来实现无刷新上传文件确实一个很好的选择。ps:Ajax技术基本上可以说是由google公司带起来的,但少Gmail中上传文件用的还是 IFrame,所以说使用IFrame来上传文件是最好的选择。 我在这里这里用的技术是...
AJAX无法实现文件上传功能,原因是JavaScript安全限制不能对文件执行操作,但是通过IFRAME框架可以模拟实现无刷新效果。虽说是无刷新的,但状态栏会刷新一下。代码是一个JSP的示例。
但是用iFrame来实现无刷新上传文件确实一个很好的选择。ps:Ajax技术基本上可以说是由google公司带起来的,但少Gmail中上传文件用的还是 IFrame,所以说使用IFrame来上传文件是最好的选择。 我在这里这里用的技术...
之前写过一个仿163网盘无刷新多文件上传系统,已经对无刷新上传文件的原理做了详细的分析。 而这次的系统主要是针对单个file控件的,便携版,使用更简单,还有更深入的分析。 兼容:ie6/7/8, firefox 3.5.5, opera ...
php+jquery无刷新上传图片,应用iframe实现,
首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件 其实原理很简单 复制代码 代码如下: <form enctype=”multipart/form-data” method=”POST” target=”upload” action=...
发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面...本篇文章通过实例给大家介绍基于iframe/FormData/FileReader三种无刷新上传文件的方法,感兴趣的朋友一起学习吧
上传原理很简单就是利用表单的打开方式为iframe的id名,这样就可以在当前页面的iframe打来了,实现文件上传,再利用js返回上传结果。
在页面元素中include一个php文件,会在dom中增加一个上传文件的按钮,在dom尾部追加一个隐藏的iframe以及一个隐藏的form表单用于实现无刷新上传文件和调用页面js方法实现回调操作。 全部的配置在config.php
本文实例讲述了jsp+ajax实现无刷新上传文件的方法。分享给大家供大家参考,具体如下: 列表页:selectaddress.jsp js页:ajax_edit.js jsp处理页:editaddress.jsp 上传工具类:UploadUtil.java 思想:由于安全问题...