求一个带进度条的上传文件功能代码

诺维斯基 2011-11-16 10:54:28

最简单的就行。不需要太复杂的。

可别再给我连接了。最好能给我一例子。

...全文

317 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

zha02ruts1yun 2012-03-01

打赏
举报

[Quote=引用 15 楼 zsetjng0ack 的回复:]

引用 14 楼 caizhu0x 的回复:

引用 10 楼 soonfei 的回复:

引用 9 楼 keenweiwei 的回复:
自己不会做没关系，还不许别人放链接。

如果已经有人帮你提供思路了，你能否尝试着自己解决问题，而不是一味的等着别人给你提供现成的源代码？

问题是我现在没有时间，急需现成的。

网上有一个HTTP断点续传控件。楼主可以搜一下。
此控件……
[/Quote]
我在网上看到一个控件和这个类似。http://www.cnblogs.com/xproer/archive/2012/02/17/2355440.html

zSetjng0ack 2012-03-01

打赏
举报

[Quote=引用 14 楼 caizhu0x 的回复:]

引用 10 楼 soonfei 的回复:

引用 9 楼 keenweiwei 的回复:
自己不会做没关系，还不许别人放链接。

如果已经有人帮你提供思路了，你能否尝试着自己解决问题，而不是一味的等着别人给你提供现成的源代码？

问题是我现在没有时间，急需现成的。

网上有一个HTTP断点续传控件。楼主可以搜一下。
此控件支持2G文件的断点续传操作，提供了完善的开发文档，……
[/Quote]

这个不错，我们公司最近做一个视频的项目需要用到这样的控件，能否发一下地址。

caizhu0x 2012-03-01

打赏
举报

[Quote=引用 10 楼 soonfei 的回复:]

引用 9 楼 keenweiwei 的回复:
自己不会做没关系，还不许别人放链接。

如果已经有人帮你提供思路了，你能否尝试着自己解决问题，而不是一味的等着别人给你提供现成的源代码？

问题是我现在没有时间，急需现成的。
[/Quote]

网上有一个HTTP断点续传控件。楼主可以搜一下。
此控件支持2G文件的断点续传操作，提供了完善的开发文档，支持文件MD5验证，支持文件批量上传。
文件MD5值计算进度：

文件MD5值计算完毕

文件上传中

文件上传完毕

诺维斯基 2011-11-18

打赏
举报

[Quote=引用 9 楼 keenweiwei 的回复:]
自己不会做没关系，还不许别人放链接。

如果已经有人帮你提供思路了，你能否尝试着自己解决问题，而不是一味的等着别人给你提供现成的源代码？
[/Quote]
问题是我现在没有时间，急需现成的。

ijwsoft 2011-11-18

打赏
举报

自己不会做没关系，还不许别人放链接。

如果已经有人帮你提供思路了，你能否尝试着自己解决问题，而不是一味的等着别人给你提供现成的源代码？

诺维斯基 2011-11-18

打赏
举报

没有人做过吗？
我用的是vs2010

ASPNETCHENGXU 2011-11-16

打赏
举报

neatupload可以

诺维斯基 2011-11-16

打赏
举报

[Quote=引用 4 楼 qf19881213 的回复:]
<asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server">
</asp:ScriptManager>
<script type="text/javascript">
var intervalID = 0;
var progressBar;
var fileUpload;……
[/Quote]

这个我见过了。
这个是你直接就复制过来了。
还是你自己用过了，感觉能用了，给我的？

qf19881213 2011-11-16

打赏
举报

<asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server">
</asp:ScriptManager>
<script type="text/javascript">
var intervalID = 0;
var progressBar;
var fileUpload;
var form;
// 进度条
function pageLoad(){
$addHandler($get('upload'), 'click', onUploadClick);
progressBar = $find('progress');
}
// 注册表单
function register(form, fileUpload){
this .form=form;
this.fileUpload =fileUpload ;

}
//上传验证
function onUploadClick() {
var vaild = fileUpload.value.length > 0;
if(vaild){
$get('upload').disabled = 'disabled';
updateMessage('info', '初始化上传...');
//提交上传
form.submit();
// 隐藏frame
Sys.UI.DomElement.addCssClass($get('uploadFrame'), 'hidden');
// 0开始显示进度条
progressBar.set_percentage(0);
progressBar.show();
// 上传过程
intervalID = window.setInterval(function(){
PageMethods.GetUploadStatus(function(result){
if(result){
// 更新进度条为新值
progressBar.set_percentage(result.percentComplete);
//更新信息
updateMessage('info', result.message);

if(result == 100){
// 自动消失
window.clearInterval(intervalID);
}
}
});
}, 500);
}
else{
onComplete('error', '您必需选择一个文件');
}
}

function onComplete(type, msg){
// 自动消失
window.clearInterval(intervalID);
// 显示消息
updateMessage(type, msg);
// 隐藏进度条
progressBar.hide();
progressBar.set_percentage(0);
// 重新启用按钮
$get('upload').disabled = '';
// 显示frame
Sys.UI.DomElement.removeCssClass($get('uploadFrame'), 'hidden');
}
function updateMessage(type, value){
var status = $get('status');
status.innerHTML = value;
// 移除样式
status.className = '';
Sys.UI.DomElement.addCssClass(status, type);
}
</script>

<div class="upload">
<h3>文件上传</h3>
<iframe id=" uploadFrame" frameborder="0" scrolling="no" src="Upload.aspx"></iframe>
<cc1:ProgressControl ID="progress" runat="server" CssClass="lightblue" style="display:none " Value="0" Mode="Manual" Speed=".4" Width="100%" />
<div id="status" class="info">请选择要上传的文件</div>
<div class="commands">
<input id="upload" type="button" value="上传" />
</div>
</div>

后台文件：

protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.Session["UploadInfo"] = new UploadInfo { IsReady = false };
}
}

[System.Web.Services.WebMethod]
[System.Web.Script.Services.ScriptMethod]
public static object GetUploadStatus()
{
//获取文件长度
UploadInfo info = HttpContext.Current.Session["UploadInfo"] as UploadInfo;
if (info != null && info.IsReady)
{
int soFar = info.UploadedLength;
int total = info.ContentLength;

int percentComplete = (int)Math.Ceiling((double)soFar / (double)total * 100);
string message = string.Format("上次 {0} ... {1} of {2} 字节", info.FileName, soFar, total);

//返回百分比
return new { percentComplete = percentComplete, message = message };
}
//还没有准备好
return null;
}

诺维斯基 2011-11-16

打赏
举报

1楼，怎么了，是不是骂我了？还是发广告了？

SomethingJack 2011-11-16

打赏
举报

最近我也在研究这个- - 帮顶了 falsh对于这块支持的比较好不然就只能做个假的了

修改一下昵称 2011-11-16

打赏
举报

http://download.csdn.net/download/yhb417/3527793

部分代码：



<%@ Page Language="C#" EnableSessionState="ReadOnly" Async="true" %>

<%@ Import Namespace="System.IO"  %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

    <script runat="server">

        //限制大小 1M

        protected void Page_Load2(object sender, EventArgs e)

        {

            if (this.IsPostBack)

            {

                UploadInfo uploadInfo = this.Session["UploadInfo"] as UploadInfo;

                if (uploadInfo == null)

                {

                    // 让父页面知道无法处理上传

                    const string js = "window.parent.onComplete('error', '无法上传文件。请刷新页面，然后再试一次);";

                    ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

                }

                else

                {

                    //  让服务端知道我们还没有准备好..

                    uploadInfo.IsReady = false;



                    //  上传验证

                    if (this.fileUpload.PostedFile != null && this.fileUpload.PostedFile.ContentLength > 0



                        && this.fileUpload.PostedFile.ContentLength < 1048576)//  限制1M

                    {

                        //  设置路径

                        string path = this.Server.MapPath(@"Uploads");

                        string fileName = Path.GetFileName(this.fileUpload.PostedFile.FileName);



                        // 上传信息

                        uploadInfo.ContentLength = this.fileUpload.PostedFile.ContentLength;

                        uploadInfo.FileName = fileName;

                        uploadInfo.UploadedLength = 0;



                       //文件存在 初始化...

                        uploadInfo.IsReady = true;



                       //缓存

                        int bufferSize = 1;

                        byte[] buffer = new byte[bufferSize];



                        // 保存字节

                        using (FileStream fs = new FileStream(Path.Combine(path, fileName), FileMode.Create))

                        {                         

                            while (uploadInfo.UploadedLength < uploadInfo.ContentLength)

                            {

                               //从输入流放进缓冲区

                                int bytes = this.fileUpload.PostedFile.InputStream.Read(buffer, 0, bufferSize);

                                // 字节写入文件流

                                fs.Write(buffer, 0, bytes);

                                //  更新大小

                                uploadInfo.UploadedLength += bytes;



                                //  线程睡眠 上传就更慢 这样就可以看到进度条了

                                System.Threading.Thread.Sleep(100);

                            }

                        }



                        // 删除.

                        File.Delete(Path.Combine(path, fileName));



                        //   让父页面知道已经处理上传完毕

                        const string js = "window.parent.onComplete('success', '{0} 已成功上传');";

                        ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", string.Format(js, fileName), true);

                    }

                    else

                    {

                        if (this.fileUpload.PostedFile.ContentLength >= 1048576)//1M

                        {

                            const string js = "window.parent.onComplete('error', '超出上传文件限制大小，请重新选择');";

                            ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

                        }

                        else

                        {

                            const string js = "window.parent.onComplete('error', '上传文件出错');";

                            ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

                        }

                    }                  

                    uploadInfo.IsReady = false;

                }

            }        

        }



        // 不限制大小

        protected void Page_Load(object sender, EventArgs e)

        {

            if (this.IsPostBack)

            {

                UploadInfo uploadInfo = this.Session["UploadInfo"] as UploadInfo;             

                uploadInfo.IsReady = false;               

                if (this.fileUpload.PostedFile != null && this.fileUpload.PostedFile.ContentLength > 0)

                {               

                    string path = this.Server.MapPath(@"Uploads");

                    string fileName = Path.GetFileName(this.fileUpload.PostedFile.FileName);

                   

                    uploadInfo.ContentLength = this.fileUpload.PostedFile.ContentLength;

                    uploadInfo.FileName = fileName;

                    uploadInfo.UploadedLength = 0;

                    

                    uploadInfo.IsReady = true;



                    int bufferSize = 1;

                    byte[] buffer = new byte[bufferSize];



                    using (FileStream fs = new FileStream(Path.Combine(path, fileName), FileMode.Create))

                    {

                        while (uploadInfo.UploadedLength < uploadInfo.ContentLength)

                        {

                            int bytes = this.fileUpload.PostedFile.InputStream.Read(buffer, 0, bufferSize);                          

                            fs.Write(buffer, 0, bytes);                         

                            uploadInfo.UploadedLength += bytes;

                        }

                    }

                    const string js = "window.parent.onComplete('success', '{0} 已成功上传');";

                    ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", string.Format(js, fileName), true);

                }

                else

                {

                    const string js = "window.parent.onComplete('error', '上传文件出错');";

                    ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

                }

                uploadInfo.IsReady = false;

            }

        }        

    </script>

    <style type="text/css">

        BODY{margin:0; padding:0; background-color:#F0F8FF;}

    </style>

</head>

<body>

    <form id="form" runat="server" enctype="multipart/form-data">

    <asp:ScriptManager ID="scriptManager" runat="server" />

    <script type="text/javascript">

        function pageLoad(sender, args){               

            window.parent.register(

                $get('<%= this.form.ClientID %>'), 

                $get('<%= this.fileUpload.ClientID %>')

            );

        }

    </script>

    <div>

        <asp:FileUpload ID="fileUpload" runat="server" Width="100%" />

    </div>

    </form>

</body>

</html>



<div>

        <div class="upload">

            <h3>文件上传</h3>

            <div>

                <iframe id="uploadFrame" frameborder="0" scrolling="no" src="Upload.aspx"></iframe>

                 <div id="div_process" style="display:none;height:30px; line-height:30px;">

                        <div id="Div1" class='process-bar skin-green' runat="server"  >

                             <div class="pb-wrapper">

                                 <div class="pb-highlight"></div>

                                 <div class="pb-container" >

                                     <div class="pb-text" id="div_progressValue">70%</div>

                                     <div class="pb-value" style="width:70%" id="div_progressLength"></div>

                                 </div>

                             </div>

                        </div>

                 </div>

                <div>

                    <div id="status" class="info">请选择要上传的文件</div>

                    <div class="commands">

                        <input id="upload" type="button" value="上传" /> 

                    </div>

                </div>

            </div>

        </div> 



        

      

    </div>