iframe实现无刷新上传文件
来源:互联网 发布:英国文科专业 知乎 编辑:程序博客网 时间:2024/06/09 13:54
原文引用: http://www.oschina.net/code/snippet_54371_4502
其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营了,iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。
- <html>
- <body>
- <form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" >
- <input type="file" id="file" name="file" style="width:450">
- <INPUT type="submit" value="上传文件"><span id="msg"></span>
- <br>
- <font color="red">支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font>
- <iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
- </form>
- </body>
- </html>
- <script type="text/javascript">
- function callback(msg)
- {
- document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;
- document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>";
- }
- </script>
<html> <body> <form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" > <input type="file" id="file" name="file" style="width:450"> <INPUT type="submit" value="上传文件"><span id="msg"></span> <br> <font color="red">支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font> <iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe> </form> </body> </html> <script type="text/javascript"> function callback(msg) { document.getElementById("file").outerHTML = document.getElementById("file").outerHTML; document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>"; } </script>
原理就是输出一段js代码到 iframe 中,然后在iframe中来控制它的父页面
- <%@ page language="java" contentType="text/html; charset=gb2312" %>
- <%@ page import="com.jspsmart.upload.SmartUpload"%>
- <%
- //新建一个SmartUpload对象
- SmartUpload su = new SmartUpload();
- //上传初始化
- su.initialize(pageContext);
- // 设定上传限制
- //1.限制每个上传文件的最大长度。
- su.setMaxFileSize(10000000);
- //2.限制总上传数据的长度。
- su.setTotalMaxFileSize(20000000);
- //3.设定允许上传的文件(通过扩展名限制),仅允许doc,txt文件。
- su.setAllowedFilesList("doc,txt,jpg,rar,mid,waw,mp3,gif");
- boolean sign = true;
- //4.设定禁止上传的文件(通过扩展名限制),禁止上传带有exe,bat,jsp,htm,html扩展名的文件和没有扩展名的文件。
- try {
- su.setDeniedFilesList("exe,bat,jsp,htm,html");
- //上传文件
- su.upload();
- //将上传文件保存到指定目录
- su.save("c:\\");
- } catch (Exception e) {
- e.printStackTrace();
- sign = false;
- }
- if(sign==true)
- {
- out.println("<script>parent.callback('upload file success')</script>");
- }else
- {
- out.println("<script>parent.callback('upload file error')</script>");
- }
- %>
<%@ page language="java" contentType="text/html; charset=gb2312" %> <%@ page import="com.jspsmart.upload.SmartUpload"%> <% //新建一个SmartUpload对象 SmartUpload su = new SmartUpload(); //上传初始化 su.initialize(pageContext); // 设定上传限制 //1.限制每个上传文件的最大长度。 su.setMaxFileSize(10000000); //2.限制总上传数据的长度。 su.setTotalMaxFileSize(20000000); //3.设定允许上传的文件(通过扩展名限制),仅允许doc,txt文件。 su.setAllowedFilesList("doc,txt,jpg,rar,mid,waw,mp3,gif"); boolean sign = true; //4.设定禁止上传的文件(通过扩展名限制),禁止上传带有exe,bat,jsp,htm,html扩展名的文件和没有扩展名的文件。 try { su.setDeniedFilesList("exe,bat,jsp,htm,html"); //上传文件 su.upload(); //将上传文件保存到指定目录 su.save("c:\\"); } catch (Exception e) { e.printStackTrace(); sign = false; } if(sign==true) { out.println("<script>parent.callback('upload file success')</script>"); }else { out.println("<script>parent.callback('upload file error')</script>"); } %>
0 0
- iframe实现无刷新上传文件
- 使用iframe实现无刷新上传文件
- iframe实现jsp无刷新上传文件
- iframe实现无刷新上传文件
- form+iframe实现无刷新上传文件
- iframe实现无刷新上传文件
- iframe实现无刷新上传文件
- iframe无刷新上传文件
- Iframe 无刷新上传文件
- 使用Ajax+Iframe 实现无刷新文件上传
- 巧用iframe实现jsp无刷新上传文件
- 使用隐藏iframe实现无刷新上传文件
- PHP用iframe实现文件异步上传(无刷新)
- asp.net 实现无刷新上传(IFrame无刷新上传文件)
- ajax iframe jsp 无刷新上传文件
- 无刷新多文件上传(iframe)
- 利用iframe实现无刷新图片上传
- 利用iframe实现表单无刷新上传
- MySQL忘记密码后重置密码的办法
- 时区(time zone)
- Python使用xlrd,xlwt操作excel例子
- 网页双击不选中文本
- “线程”与“进程”的联系与区别?
- iframe实现无刷新上传文件
- 设计模式概述与原则
- 动态规划算法解最长公共子序列LCS问题
- JavaScript学习--- 1 概述
- C语言结构体指针,函数指针的用法
- 打开Eclipse时出现"Failed to create the Java Virtual Machine"怎么办?
- python2.7 执行cmd命令及shell命令封装方法
- 【深入浅出ios开发】偏好设置
- js按键+鼠标控制列表选中