Silverlight中的拖拽实现的图片上传---2

Silverlight中的拖拽实现的图片上传---2,第1张

概述上一篇文章中给大家介绍了Silverlight实现的从页面到浏览器的拖拽功能。还有就是使用了Animation功能。当然了,如果我只把图片拖过去却无法上传,那这个功能就算是没用的。这里呢给大家介绍下如何实现文件的上传。 首先呢,我创建一个Silverlight Project,叫SilverlightFileUpload. 对于图片上传,我们需要显示什么呢?图片的大小,名字,状态,而上传正在进行时

上一篇文章中给大家介绍了Silverlight实现的从页面到浏览器的拖拽功能。还有就是使用了Animation功能。当然了,如果我只把图片拖过去却无法上传,那这个功能就算是没用的。这里呢给大家介绍下如何实现文件的上传。

首先呢,我创建一个Silverlight Project,SilverlightfileUpload.

对于图片上传,我们需要显示什么呢?图片的大小,名字,状态,而上传正在进行时,为了有好的用户体验我们需要显示上传的百分比,等等。所以当图片上传时这里就需要一个backgrouDWorker来管理这些工作。。

创建一个fileuplaod,

Upload进程改变时,UploadProgressChanged,我们需要更新文件上传状态参数:

另外为了能够让上传大小的显示和整个上传模块更舒适,需要添加滚动条和KB到大的Size单位的转换。

有了fileupload控件我们就可以创建每个上传文件的模板了。

每一行的显示如上面的XAML里的内容。

这个控件需要注册一个监听事件是RoutedEventHandler  当页面内容有变化时就去执行那个委托的方法。

当有新的图片放上来时,上一级控件(一会会介绍)会生成一个fileupload的实体,当这个实体的状态改变时,大小啊,以及上传百分比都会显示,同时我们需要让上面XAML中的那个Progressbar显示对应的图片。

下面就是使用httphandler来上传文件了。

创建一个fileUpload.ashx文件。代码:

  public class fileUpload : IhttpHandler

    {

        private httpContext ctx;

        public voID ProcessRequest(httpContext context)

        {

            ctx = context;

            string uploadpath = context.Server.MapPath("~/Upload");

            fileUploadProcess fileUpload = new fileUploadProcess();

            fileUpload.fileUploadCompleted += new fileUploadCompletedEvent(fileUpload_fileUploadCompleted);

            fileUpload.ProcessRequest(context,uploadpath);

        }

fileUploadProcess

 

另外,我测试了可以支持同时拖拽10个图片上传。

保存