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中模板的关键代码如
这节中的功能比较简单，也没有太多需要说明的地方，都在代码中了，呵呵。