0 0

commons-fileupload 实现带进度条问题5

 function beginUpload(){ 
  	  		$("#progress_bar").show(); 
   			setInterval("getUploadMeter()",1000); 
      } 

function getUploadMeter(){ 
   		$.post("${pageContext.request.contextPath}/admin/voice/fileUplaodState",function(data){ 
       		var json = eval_r("("+data+")"); 
       		jQuery("#progress").css("width",json.percentage/100*200+"px"); 
       		jQuery("#msg").css("padding","1px").html(json.percentage+"%"); 
   		}); 
      } 

<form action="${pageContext.request.contextPath}/admin/voice/add"  method="post" enctype="multipart/form-data" onsubmit="beginUpload()" target="_self">
      <input type="file" name="formFile" >
      <br/>
      <div id="progress_bar" style="width:200px;height:1px;display:none;border:1px solid black;">
  <div id="progress" style="background-color:red;height:1px;width:0px;"> </div>
      </div>
     
      <div id="msg"></div>
      <input type="submit" value="submit">
    </form> 


我基本照着网上的写的,(后台的代码没问题,未贴出),在点击submit时,getUploadMeter函数也能执行,就是未执行ajax,我不清楚原因,是不是当前页面正在请求,当前页面的其他请求就只能阻塞。。。。
2013年9月11日 22:23
目前还没有答案

相关推荐

    使用jQuery+SWFUpload+Commons-FileUpload实现带进度条的上传

    本文将深入探讨如何使用jQuery、SWFUpload和Apache Commons FileUpload这三个技术来实现这一目标。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。在本项目中,...

    commons-fileupload-1.3.3-bin

    5. **多文件上传**:Apache Commons FileUpload支持单个文件和多个文件的上传,可以通过`&lt;input type="file" multiple&gt;`在HTML表单中实现。 在压缩包中,除了`commons-fileupload-1.3.3-bin`外,还包含了一个`...

    js结合commons-fileupload实现带进度条的文件上传

    为了实现带进度条的文件上传,我们需要以下关键步骤: 1. **前端文件选择与预览**:使用HTML5的`&lt;input type="file"&gt;`元素让用户选择文件。通过JavaScript的File API,我们可以获取到用户选择的文件,进行预览或...

    commons-fileupload-1.3.2.jar和commons-io-2.5.jar

    同时,考虑到性能和用户体验,可能需要实现异步上传、进度条显示等功能。 总之,"commons-fileupload-1.3.2.jar" 和 "commons-io-2.5.jar" 是Java Web开发者处理文件上传的重要工具,它们简化了复杂的HTTP请求解析...

    commons-fileupload-1.2.1 ajax上传(进度条)

    "commons-fileupload-1.2.1 ajax上传(进度条)"这个主题涉及了两个核心技术:Apache Commons FileUpload库的使用以及通过AJAX实现的文件上传进度条功能。 Apache Commons FileUpload是一个Java库,专门设计用于...

    commons-fileupload-1.2.1.jar commons-io-1.4.jar

    总结来说,"commons-fileupload-1.2.1.jar"和"commons-io-1.4.jar"是Java Web开发中的重要工具,它们为处理文件上传提供了便利,通过这些库,开发者可以更高效、安全地实现用户文件的上传功能,而无需关心底层的细节...

    commons-fileupload-1.2.1.jar

    Apache Commons FileUpload库解决了这个问题,它提供了一套高级API,允许开发者以流式传输的方式处理上传的文件,从而避免内存溢出问题并支持大文件分块上传。 以下是一些关于`commons-fileupload`库的核心知识点:...

    上传文件 commons-fileupload-1.1.jar jquery.ajaxfileupload.js 以及demo

    本篇文章将详细讲解标题和描述中提到的两个关键组件:`commons-fileupload-1.1.jar` 和 `jquery.ajaxfileupload.js`,以及它们在实现文件上传中的作用。 首先,`commons-fileupload-1.1.jar` 是Apache Commons ...

    jsp多附件上传commons-fileupload-1.1.jar

    本教程将详细讲解如何利用Apache Commons FileUpload库实现在JSP中实现多文件上传功能。Apache Commons FileUpload是一个强大的、灵活的工具,它允许开发者在Servlet环境中处理文件上传请求。 首先,我们需要在项目...

    SmartUpload.jar和commons-fileupload-1.1.1.jar

    在这个场景中,"SmartUpload.jar" 和 "commons-fileupload-1.1.1.jar" 是两个关键的Java库,它们极大地简化了在JSP(JavaServer Pages)中实现文件上传的过程。 首先,我们来详细了解这两个库: 1. **SmartUpload....

    Common-FileUpload带进度条文件上传

    3. Common-FileUpload库:这个库可能是一个专门为实现带进度条文件上传功能而设计的开源组件。它可能包含JavaScript、CSS和HTML代码,用于构建用户界面,以及后端处理逻辑。使用此类库可以简化开发者的工作,避免从...

    commons-fileupload结合XMLHttpRequest实现有进度条上传功能

    本篇文章将详细讲解如何结合Apache Commons FileUpload和XMLHttpRequest实现带进度条的文件上传功能。 首先,我们需要理解Apache Commons FileUpload的工作原理。这个库解析HTTP请求中的multipart/form-data内容,...

    用commons-fileupload实现的上传实例

    Apache Commons FileUpload库就是为了解决这个问题而设计的,它提供了稳定且实用的文件上传解决方案。本文将深入探讨如何使用`commons-fileupload-1.2.jar`这个组件来实现文件上传的实例。 Apache Commons ...

    commons-fileupload-1.2.1.jar、gwtextux.jar、commons-io-1.4.jar

    标题中的"commons-fileupload-1.2.1.jar"、"gwtextux.jar"和"commons-io-1.4.jar"都是与Java开发相关的库文件,它们主要用于GWT(Google Web Toolkit)应用中的文件上传和下载功能。让我们逐一探讨这些库的作用和...

    fileUpload组件所需jar包

    Apache Commons FileUpload库是一个强大的工具,专门设计用于处理这种需求。本篇将详细讲解使用FileUpload组件实现JSP文件上传所需的步骤和关键知识点。 首先,`fileUpload组件`是Apache Commons项目的一个子项目,...

    commons-fileupload、smartupload

    总的来说,commons-fileupload和smartupload是Java Web开发中处理文件上传的重要工具,它们极大地简化了文件上传的实现,提升了开发效率。然而,随着技术的发展,现代框架和库提供了更多功能和更好的性能,开发者...

    commons-fileupload.jar和commons-io.jar

    Apache Commons FileUpload和Apache Commons IO是两个非常重要的Java库,它们为处理文件上传提供了强大而灵活的支持。这两个jar包是开源的,可以在开发过程中免费使用。 Apache Commons FileUpload是Apache Commons...

    使用commons-fileupload-1.2.2和jquery的progressbar实现的进度条

    本篇将讨论如何使用Apache Commons FileUpload 1.2.2库和jQuery的progressbar插件来实现这样的功能。 Apache Commons FileUpload是一个Java库,专门处理HTTP请求中的多部分形式数据,即通常用于上传文件的数据格式...

    利用commons-fileupload上传组件上传文件(一)

    在本文中,我们将深入探讨如何使用Apache Commons FileUpload组件来实现文件上传功能。Apache Commons FileUpload是一个用于处理HTTP请求中的多部分数据的Java库,它使得在Servlet或JSP应用中处理文件上传变得简单易...

    SWFUpload+commons-fileupload 上传文件

    本文将详细介绍如何将SWFUpload与Apache Commons Fileupload结合,以实现高效的、用户友好的文件上传解决方案。 ### 1. SWFUpload简介 SWFUpload是一款开源的JavaScript库,通过Flash技术实现文件预览、进度条显示...

Global site tag (gtag.js) - Google Analytics