`
fireinjava
  • 浏览: 481297 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

JSP文件上传 无刷新

    博客分类:
  • Java
阅读更多

 本文转自http://www.iteye.com/topic/81120  网上搜了半天才才找到个想要的,个人觉得不错就转过来了。

 

 要带参数的话就给button添加js事件,如

 

  方法1:

var f = document.getElementById("form1");
      f.action='terminal_import_action.jsp?serviceId='+serviceId;
      f.submit();

  方法2:

   <input type="hidden" id="idOrName_" name="idOrName_"/>

然后action页面用

String idOrName =request.getParameter("idOrName_").trim();
 

 

上传主页面:

<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>

 

 

处理页面upload.jsp

<%@ 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>");    
    }    
%>  

 

 

 

分享到:
评论

相关推荐

    jsp无刷新上传文件

    在IT行业中,无刷新上传文件是一项重要的...总结,"jsp无刷新上传文件"是通过结合iframe、AJAX和jsp技术实现的一种优化用户体验的文件上传方案。在实际应用中,需要考虑安全性和兼容性,确保文件上传的稳定性和可靠性。

    JSP批量上传,实现多文件无刷新上传(带有进度条)。

    JSP批量上传,实现多文件无刷新上传(带有进度条)。 程序加了些须的验证,目前只能上传图片。 压缩文件为Eclipse项目文件,直接导入即可使用 预览图片地址: ...注:所有文件保存到项目文件夹下的uplaod文件夹下,...

    JSP无刷新文件上传的实现

    综上所述,JSP无刷新文件上传的实现涉及前端的AJAX、FileReader API和后端的文件处理。通过合理的设计和编程,可以创建一个高效、安全的文件上传系统,极大地提升了用户在网页应用中的交互体验。

    JSP_模拟AJAX实现无刷新文件上传

    总结来说,虽然AJAX自身不支持文件上传,但通过巧妙地结合IFRAME和JSP,我们可以实现无刷新的文件上传效果,提高Web应用的用户体验。这种技术在现代Web开发中有着广泛的应用,尤其是在需要大量用户交互的场景下。

    上传下载]仿163网盘无刷新文件上传 for Jsp_fileupload_jsp.rar

    由于只有一个文件名"上传下载]仿163网盘无刷新文件上传 for Jsp_fileupload_jsp",可以推测这可能是一个包含完整源代码的JSP文件,用于实现上述的无刷新文件上传功能。通常,这样的文件可能包含了HTML、JavaScript、...

    ajax jsp 无刷新上传文件

    ### AJAX与JSP结合实现无刷新文件上传 在Web开发领域,用户体验的优化始终是开发者追求的目标之一。其中,无刷新文件上传作为一种提高用户交互体验的技术手段,在实际应用中非常常见。本文将详细介绍如何利用AJAX与...

    JSP无组件无刷新批量上传

    在传统的JSP文件上传中,通常需要使用表单(form)和输入类型为文件(file)的组件,用户选择文件后提交表单,服务器接收并处理文件,然后返回响应,整个过程伴随着页面的刷新。 但是,"无组件"的概念意味着在这里...

    纯JSP带进度条无刷新的多文件上传

    (7)支持多文件上传; (8)具体效果请看http://blog.csdn.net/hbccgg/archive/2011/04/29/6371080.aspx (9)压缩文件为Eclipse源文件,请发布到Web服务器上运行 (10)在Tomcat7.0环境开发。若要支持Tomcat6.0...

    Ajax无刷新上传文件( jsp版本)

    本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法。 开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地...

    java项目之仿163网盘无刷新文件上传jsp.zip

    java项目之仿163网盘无刷新文件上传jspjava项目之仿163网盘无刷新文件上传jspjava项目之仿163网盘无刷新文件上传jspjava项目之仿163网盘无刷新文件上传jspjava项目之仿163网盘无刷新文件上传jspjava项目之仿163网盘...

    纯jsp实现文件上传(页面无刷新,表单数据可连续填写最后上传文件)

    在IT行业中,文件上传是常见的用户交互功能,特别是在网页应用中。本教程将详细解析如何使用纯JSP技术实现一个不刷新页面、允许用户连续填写表单数据并最终上传文件的功能。这一特性对于提高用户体验至关重要,因为...

    JSP文件上传 支持进度条显示.rar

    "JSP文件上传 支持进度条显示"这个项目是针对JSP环境设计的一个AJAX Web上传程序,它允许用户上传大文件(如单个文件100M),并具有文件上传进度条的可视化功能。以下将详细解析这个项目的知识点: 1. **JSP(Java...

    jsp页面无刷新上传文件

    NULL 博文链接:https://liuzhilei92.iteye.com/blog/2126770

    JSP +servlet 无刷新上传文件

    本项目涉及的核心知识点是使用JSP和Servlet实现无刷新文件上传功能,同时还能处理文本数据。以下是对这些技术及其应用的详细解释: 1. **JSP**:JSP是一种基于Java的服务器端脚本语言,它允许开发人员将HTML、CSS、...

    JSP仿163网盘无刷新文件上传

    【JSP仿163网盘无刷新文件上传】是一个技术实践,主要涉及AJAX(Asynchronous JavaScript and XML)技术和JSP(JavaServer Pages)的结合应用,旨在提供一种用户体验良好的文件上传方式,即在不刷新整个网页的情况下...

    ajax iframe jsp 无刷新上传文件.zip

    【Ajax、Iframe与JSP实现无刷新文件上传】 在Web开发中,用户常常期望能够进行文件上传而无需页面整体刷新,以提供更好的用户体验。Ajax(异步JavaScript和XML)结合Iframe技术可以实现这样的功能。Ajax允许在后台...

    基于Uploadify+jsp文件上传刷新

    在"基于Uploadify+jsp文件上传刷新"的场景中,jsp(JavaServer Pages)作为服务器端语言负责接收和处理上传的文件。jsp可以处理文件的存储、验证、权限控制等业务逻辑。当用户通过Uploadify选择文件并点击上传时,...

    纯JSP带进度条无刷新的单文件上传

    1、纯JSP代码编写,能够实现文件上传处理 2、带进度条,上传时页面无需刷新 3、支持中文文件名 4、代码比Ajax方式简单很多 5、在Tomcat7.0上调试通过(很容易修改为支持Tomcat6.0以下版本) 6、Eclipse项目源文件 7...

    FileUpload_jsp无刷新文件上传源码.zip

    【标题】"FileUpload_jsp无刷新文件上传源码.zip" 涉及的主要知识点是JSP中的文件上传功能,特别是在不刷新整个页面的情况下实现这一功能。无刷新文件上传技术通常借助于AJAX(Asynchronous JavaScript and XML)或...

Global site tag (gtag.js) - Google Analytics