SilverLight之路(十五)

来源:转载

文件上传,一般会员登录网站都会有这个功能,即使没有上传文件的功能,也会有上传头像的需求,两者本质没啥区别,要说区别,可能就是一般头像比较小,不需要断点续传等功能吧。本小节介绍一下上传功能与自动完成功能。

 

要求选择一张图片后在上方进行预览,点击上传图片后在左侧头像处进行显示(这个页面的其它功能与信息我就没有去具体实现了)

选择图片:在sl中以类似winform中的实现,OpenFileDialog打开选择文件对话框,在返回回True时,通过File属于获取FileInfo。

上传图片:把内容转换为字符数组,通过WCF中提供的服务操作进行上传。

先看第一部分,即选择图片然后在上方的Image中把图片进行预览显示。代码可以说明一切了

OpenFileDialog fd = new OpenFileDialog()
{

    Filter = "Jpeg Files (*.jpg)|*.jpg|All Files(*.*)|*.*"
,

    Multiselect = false


};

if (fd.ShowDialog() == true)

{

    FileInfo fi =
fd.File;

    using (Stream stream =
fi.OpenRead())

    {

        BitmapImage image = new
BitmapImage();

        image.SetSource(stream);

        this.imgPreview.DataContext =
image;

        this.btnUpload.DataContext =
fi;

        stream.Close();

    }

}

因为Image控件做了绑定,因此只要设置它的DataContext就可以了,而上传按钮的DataContext我是为了暂存图片,以便上传时可以直接使用,当然也可以有其它办法,我这就是随便找了个地方,呵呵

上传

FileInfo fi = this.btnUpload.DataContext as FileInfo;

Stream stream =
fi.OpenRead();

byte[] fileData = new byte
[stream.Length];

stream.Read(fileData, 0, (int
)stream.Length);

client.ActionUploadAsync(fi.Name, fileData, false, fi);

这里使用了第三个参数,该参数的设置可以在回调函数中使用,这是WCF代理类生成过程中自动提供的一个重载方法,很好用,如果有需要上传大文件时,可以用它来在多次的WCF调用中共享数据源。

在回调方法中

if (e.Error == null)

{

     MessageBox.Show("上传完成"
);

     UserInfo ui = this.BorderUserInfo.Child as
UserInfo;

     ui.SetAvatars((e.UserState as
FileInfo).Name);

}

简单处理,ui就是我左上角的用户头像部分。

再看看WCF中的实现

        public void ActionUpload(string fileName, byte[] fileData, bool isAppend)

        {

            //
文件上传所在目录  

            //可以按日期、文件类型或混合建立相应的文件目录,以便使用  


            string uploadFolder = System.Web.Hosting.HostingEnvironment.MapPath("~/upload");

            //目录不存在则新建  


            if (!System.IO.Directory.Exists(uploadFolder))

            {

                System.IO.Directory.CreateDirectory(uploadFolder);

            }

            //
文件读写模式  

            //如果参数为真则表示续传,以追回模式写文件  


            System.IO.FileMode fileMode = isAppend ? System.IO.FileMode.Append : System.IO.FileMode.Create;

            //写入文件  


            using (System.IO.FileStream fs = new System.IO.FileStream(uploadFolder + @"/" + fileName, fileMode, System.IO.FileAccess.Write))

            {

                fs.Write(fileData, 0
, fileData.Length);

            }

        }

其实这个方法是在网上找的,我只是拿来直接用了,代码很好理解,不用多做解释了。

自动完成功能的实现

 

使用tookit中的AutoCompleteBox控件,绑定和原来一样,设置itemsource就行了,另外注意一下FilterMode属性,代码如

                client.GetAllFundCompleted += new EventHandler<GetAllFundCompletedEventArgs>(

                    (sender, e) =>


                    {

                       
this.acbMainSearch.ItemsSource = e.Result;

                        this.acbMainSearch.FilterMode =
AutoCompleteFilterMode.Custom;

                        this.acbMainSearch.ItemFilter = (search, item) =>


                        {

                            WcfService.JJZB jjzb
= item as WcfService.JJZB;

                            if (jjzb != null
)

                            {

                                return jjzb.BZDM.StartsWith(search) || jjzb.Jjjc.StartsWith(search) ||
jjzb.GPjcpy.StartsWith(search.ToUpper());

                            }



                            return false
;

                        };

                    });

                client.GetAllFundAsync();

这里主要是样式的实现,根据demo中的示例,需要一个DataGridSelectionAdapter,从demo中考出来即可,说明可以参考其中的注释,使用上xaml中模板的关键代码如

 

这节中的功能比较简单,也没有太多需要说明的地方,都在代码中了,呵呵。

本文来自第八颗流星的博客,原文地址:http://www.cnblogs.com/meteortent/archive/2011/06/29/2092192.html


分享给朋友:
您可能感兴趣的文章:
随机阅读: