上传文件带真实的进度条(支持多文件上传)--进度条是在文件上传完成后再显示

一、ASP.NET实现进度条上传文件源码

源码说明
该程序采用了jquery框架，实现了小文件上传。
两个地方需要解释
第一，如何知道监听的这个文件就是上传的这个文件实现机制很简单，就是让asp.net产生一个唯一的guid，这个id序号是唯一的，通过ajax取出来赋值给一个隐藏字段；第二，如何获取guid标志的文件信息？通过asp.net缓存机制实现，上传的过程中，不断的将上传信息往缓存里面写，直到文件上传完成，而在另外一个通过guid获取缓存的信息，信息包括你想要的信息，比如上传了多少字节、消耗了多长时间等。

程序核心页面
index.htm就是文件上传页面，提交form给UploadHandler目录下的Default.aspx，以实现文件上传。
ProgressHandler目录下三个文件为Abort.ashx、GenericGuid.ashx,Handler.ashx功能分别为：根据Guid取消正在上传的文件，生成Guid，根据Guid获取上传信息。

本人改进的地方：
把只允许上传单个文件，改为可以上传多个文件
1.类UploadUtil中的Upload()方法的改进
2.script中ajax-progress-upload.js中的submit事件
3.在index.htm中添加file控件

源程序下载:http://download.csdn.net/detail/lovegonghui/9556283

二、上传进度条的控件

案例下载:http://download.csdn.net/detail/lovegonghui/9557460

上传文件带真实的进度条(支持多文件上传)--进度条是在文件上传完成后再显示相关推荐

php带截切图片上传_PHP大文件切割上传并带进度条功能示例
本文实例讲述了PHP大文件切割上传并带进度条功能.分享给大家供大家参考,具体如下: 前面一篇介绍了PHP大文件切割上传功能,这里再来进一步讲解PHP大文件切割上传并带进度条功能. 项目结构图: 14- ...
EXTJS+JSP上传文件带进度条
需求来源是这样的:上传一个很大的excel文件到server, server会解析这个excel, 然后一条一条的插入到数据库,整个过程要耗费很长时间,因此当用户点击上传之后,需要显示一个进度条,并且 ...
java mvc上传文件进度_java相关：springMVC+ajax实现文件上传且带进度条实例
java相关:springMVC+ajax实现文件上传且带进度条实例发布于 2020-7-5| 复制链接本篇文章主要介绍了springMVC+ajax实现文件上传且带进度条实例,具有一定的参考价值 ...
ServletFileUpload上传文件带进度条
ServletFileUpload上传文件带进度条涉及了两个架包:commons-io-2.0.1.jar,commons-fileupload-1.2.2.jar,还有一个jquery-2.2.4 ...
EXTJS+ASP.NET上传文件带实时进度条代码
一,文件夹二,upLoad.cs是继承IHttpModule的类: usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usin ...
使用jQuery-File-Upload-master文件上传插件实现真实进度条
2019独角兽企业重金招聘Python工程师标准>>> 首先要说明的是我是在Spring Boot和guns框架的基础上使用jQuery-File-Upload-master的插件来 ...
功能强大的文件上传插件带上传进度-WebUploader
WebUploader是由Baidu WebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用老 ...
lighttpd+flash+PHP大文件上传，带上传进度显示
相信每个做web的程序员都曾经被large file 的上传困扰过,这个问题的出现是由于(1)网络带宽不足(或是网络不稳定)如果是在局域网内呢,呵呵^_^,目前大多数用户的带宽还较为有限.(2)HTT ...
java进度条_Java web实时进度条整个系统共用(如java上传、下载进度条、导入、导出excel进度条等)...
先上图: 文件上传的: 2017-05-04再次改进.在上传过程中用户可以按 Esc 来取消上传(取消当前上传,或者是全部上传)... 2019-03-26更新进度条显示体验从服务器上压缩下载: 从 ...
阿里云视频上传视频获取进度条问题(使用session方案,获取进度一直为0的解决方案)补充:前后端分离项目中获取进度解决方案
1.场景描述: 之前用阿里云上传视频,前端反应上传视频经常出现获取视频url失败问题.但是接口我测过很多遍都是没有问题的.后台这边提供了一个视频上传的接口返回一个videoId,还提供了一个根据vid ...

上传文件带真实的进度条(支持多文件上传)--进度条是在文件上传完成后再显示

上传文件带真实的进度条(支持多文件上传)--进度条是在文件上传完成后再显示相关推荐

最新文章

热门文章