`
ioio
  • 浏览: 141945 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

上传文件实现不刷新页面方法

阅读更多

1.制造一个隐藏的iframe

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

 

2.设置上传表单target

<form id="myform" name="uploadform" method="post" enctype="multipart/form-data" target="hidden_frame">

 

3.上传文件servlet设置回调函数

 PrintWriter   writer   =   response.getWriter(); 
  writer.println("<script>parent.showResponse('NG')</script>");
 writer.close();

 

4.jsp页面回调函数中判断上传结果

if(str=="OK")
 {
  showMessage("上传文件成功!");
   query();
  return;
 }
 else
 {
  showMessage("上传文件失败!"); 
  return;
 }

5.finish

分享到:
评论

相关推荐

    HTML如何实现以form表单方式上传文件而不刷新页面.zip

    通过以上方法,我们可以实现HTML文件上传而不刷新页面,提供更好的用户体验。需要注意的是,这种方法仍然会有一个页面短暂的加载过程,因为`&lt;iframe&gt;`需要加载服务器的响应。不过,由于这个过程发生在后台,用户感知...

    ajaxfileupload.js文件,利用该js实现不刷新页面上传文件

    博文 http://blog.csdn.net/qq_34273222/article/details/54428580 中所需要的js文件,如有问题请在博客留言。

    不用刷新页面上传文件

    在IT行业中,无刷新页面上传文件是一项非常实用的技术,它极大地提升了用户体验,使得用户在上传文件或图片时无需等待页面刷新,从而提高了交互效率。这种技术通常基于Ajax(Asynchronous JavaScript and XML)或者...

    webuploader实现的不刷新页面上传文件(可以有进度条)

    WebUploader是阿里大鱼团队开发的一个前端文件上传组件,它提供了强大的文件上传功能,并且可以在不刷新页面的情况下完成。在本文中,我们将深入探讨如何利用WebUploader实现无刷新页面的文件上传,同时展示文件上传...

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

    本教程将详细解析如何使用纯JSP技术实现一个不刷新页面、允许用户连续填写表单数据并最终上传文件的功能。这一特性对于提高用户体验至关重要,因为它使得用户可以在同一页面上完成所有操作,无需频繁跳转或刷新页面...

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

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

    无刷新实现文件上传

    为了改善这一情况,"无刷新实现文件上传"的技术应运而生,结合Direct Web Remoting (DWR) 和Ajax技术,可以实现用户在不离开当前页面的情况下完成文件上传,提高网页的响应速度和用户的使用满意度。 首先,我们要...

    不用刷新页面的文件上传和下载

    "不用刷新页面的文件上传和下载"技术使得用户可以在不中断当前浏览体验的情况下完成文件操作,提高了交互性和用户体验。下面将详细探讨这种技术实现的关键知识点。 一、Ajax(异步JavaScript和XML) Ajax是实现无...

    JSP无刷新文件上传的实现

    在IT行业中,无刷新文件上传是一项重要的用户体验优化技术,它使得用户在上传文件时无需等待页面刷新,从而提高交互效率和用户体验。本篇文章将详细探讨如何在JSP(JavaServer Pages)环境中实现这一功能。 首先,...

    实现无刷新进度条单文件,多文件上传功能

    "实现无刷新进度条单文件,多文件上传功能,包括大文件上传"是这个项目的核心目标。为了达到这个目标,开发者通常会采用Ajax技术,结合JavaScript、HTML5的File API以及后端服务器处理来创建一个用户友好的界面,...

    JavaScript上传文件时不用刷新页面方法总结(推荐)

    本文主要介绍了一种在不刷新页面的情况下使用JavaScript实现文件上传的方法,并提供了相应的代码实现示例。以下是详细的知识点总结: 1. **HTML表单的创建与文件上传**:通常,文件上传是通过HTML表单(标签)实现...

    Asp.net Ajax+JQuery 无刷新文件上传

    "Asp.net Ajax+JQuery 无刷新文件上传"的实现主要是通过利用异步传输(Ajax)更新页面部分区域,而无需整个页面刷新,同时结合jQuery的便利性,可以实现更为流畅的用户交互。 首先,我们需要理解Ajax的基本原理。...

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

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

    文件上传示例(无刷新)

    文件上传是Web应用中常见的功能,它允许用户在不刷新页面的情况下将本地文件发送到服务器。这个"文件上传示例(无刷新)"提供了一种高效且用户体验良好的解决方案,尤其适用于处理多图、附件等类型的文件上传。在这...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...

    jsp无刷新上传文件

    在文件上传场景中,由于JavaScript的安全限制无法直接操作文件,iframe可以作为一个中介,将文件提交到服务器而不刷新整个页面。 2. **AJAX(异步JavaScript和XML)**:AJAX是一种在不重新加载整个网页的情况下,...

    不刷当前jsp页面上传文件的实例

    本文将详细介绍如何在JSP页面中实现不刷新页面上传文件的功能。 #### 1. 技术选型与原理 本示例采用了DWR(Direct Web Remoting)技术来实现在不刷新页面的情况下上传文件。DWR是一种简化Java与JavaScript交互的...

    ASP批量上传简便无刷新文件图片上传系统

    ASP批量上传技术是一种在Web应用中实现用户便捷上传文件或图片的方法,尤其适用于需要大量上传内容的场景。这种技术利用Active Server Pages(ASP)脚本语言,与客户端浏览器交互,提供了一个无需页面刷新的用户体验...

    jq+php无刷新文件上传

    在文件上传场景中,jQuery通常用于创建异步请求,即AJAX调用,以便与服务器进行数据交换而无需刷新页面。 在无刷新文件上传中,前端部分会使用HTML5的FormData对象,这个对象可以用来封装表单数据,包括文件。...

    无刷新文件上传实例

    如果文件上传的服务器与当前页面不在同一域名下,就会遇到跨域问题。这时可以通过设置服务器的CORS(跨源资源共享)策略,允许特定的跨域请求。 六、兼容性考虑 虽然现代浏览器普遍支持无刷新文件上传,但仍有部分...

Global site tag (gtag.js) - Google Analytics