c#中，上传文件需要进度条，应该怎样使用

c#有一个progressBar控件就是进度条，开线程，线局绝程函数中加循环，循环执行progressBar1.Value=(int)（(已桐派姿上传大小/总大羡塌小)*100）来显示当前进度。

1、引和神信入bootstrap.css和jquery.js

2、点击按钮后获取文件列表，添加到FormData，调用open函数指定类型与URL地址，在发起请唤轮求send（）；

3、监听onreadystatechange事件，当服务器回应后，把传回来的数据转换成JSON字符串，修改img的URL地址，让图片文件显示在页面中；

4、创建xhr对象开启监听文件上传进度，e.lengthComputable是true则计算进度条百分比，把结果给进度瞎困条；

5、进度条完成后，修改颜色，移除类添加类

HTML

JS

相信通过Asp Net的服务器控件上传文件在简单不过了 通过AjaxToolkit控件实现上传进度也不是什么难事 为什么还要自己辛辛苦苦来 实现呢？我并不否认”拿来主义“ 只是我个人更喜欢凡是求个所以然 本篇将阐述通过Html IHttpHandler和 IHttpAsyncHandler实现文件上传和上传进度的原理 希望对你有多帮助

效果图

本文涉及到的知识点 前台用陵基到Html Ajax JQuery JQuery UI

后台用到一般处理程序(IHttpHandler)和一般异步处理程序(IHttpAsyncHandler) 并涉及到”推模式“

一 创建Html网页

在创建的Web工程中添加一个Html文件 命名为UploadFile 在头文件中引入JQuery JQuery UI

<link href="Styles/jquery ui custom css" rel="stylesheet" type=text/css /><script src=Scripts/jquery min js type=text/javascript></script><script src=Scripts/jquery ui custom min js type=text/javascript></script>

关于无刷新文件上传

通过Ajax是不能上传文件的 无刷新上传是靠隐藏的iframe来裤腔实现的

<form id="form" target = "frameFileUpload" enctype="multipart/form data"><div id="progressBar" ></div><input type=file id="fileUpload" name=fileUpload /><span id="progressValue"></span>胡汪衫 <iframe id="frameFileUpload" name=frameFileUpload ></iframe><br /><input type=submit value="上传" id = "submit"/></form>

要将form标签的target属性设置为iframe的id 当然别忘了将form的enctype设置为multipart/form data

<div id="progressBar" class="page_speeder_1512316621"></div>

是用来显示上传文件时的进度条

在JS中加入如下处理

<script type=text/javascript>$(function () { $("#submit") button()$("#fileUpload") button()})</script>

此时效果:

二 实现文件上传

添加一个一般处理程序 命名为UploadFileHandler ashx

lishixinzhi/Article/program/net/201311/14305

---