silverlight上传的一些总结

最近在学silverlight，在做上传图片时做了一些总结。

首相先创建一个silverlight项目，命名为OpenFileSample，

Mainpage前台：

 <UserControl x:Class="OpenFileSample.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"> <Grid x:Name="LayoutRoot" Background="White"> <Grid.RowDefinitions> <RowDefinition Height="280"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <!--图片预览区域--> <Border Grid.Row="0" Grid.Column="0" Width="320" Height="240" BorderBrush="Black" BorderThickness="2"> <Image x:Name="image" Stretch="Fill"/> </Border> <!--功能区域--> <StackPanel Orientation="Horizontal" Width="320" Grid.Row="1" Grid.Column="1"> <Button x:Name="btnPreview" FontSize="23" Click="btnPreview_Click" Content="Preview" Width="150" Height="50"/> <Button x:Name="btnUpload" FontSize="23" Click="btnUpload_Click" Content="Upload" Width="150" Height="50"/> </StackPanel> </Grid> </UserControl>

Mainpage后台：

using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using System.Windows.Media.Imaging; using System.IO; namespace OpenFileSample { public partial class MainPage : UserControl { private string ext = string.Empty; //创建文件对话框 private OpenFileDialog openFile = new OpenFileDialog() { Filter = "Jpeg Files (*.jpg)|*.jpg|All Files(*.*)|*.*", Multiselect = true }; public MainPage() { InitializeComponent(); } void webclient_OpenWriteCompleted(object sender , OpenWriteCompletedEventArgs e) { //将图片数据流发送到服务器上 Stream inputStream = e.UserState as Stream; Stream outputStream = e.Result; //缓冲区 byte[] buffer = new byte[4096]; int bytesRead = 0; while ((bytesRead = inputStream.Read(buffer, 0, buffer.Length)) > 0) { outputStream.Write(buffer, 0, bytesRead); } //关闭流 outputStream.Close(); inputStream.Close(); MessageBox.Show("上传完成！"); } private void btnUpload_Click(object sender, RoutedEventArgs e) { //判断用户是否已选择了图片 if (openFile.File != null) { //图片文件名 ext = openFile.File.Extension; WebClient webclient = new WebClient(); //指定上传处理的服务地址 Uri uri = new Uri("http://localhost:2923/UploadFile.ashx?ext=" + ext, UriKind.Absolute); webclient.OpenWriteCompleted += new OpenWriteCompletedEventHandler (webclient_OpenWriteCompleted); //POST图片文件到服务器UploadFile.ashx webclient.OpenWriteAsync(uri, "POST", openFile.File.OpenRead()); } else { MessageBox.Show("请先选取图片！"); } } private void btnPreview_Click(object sender, RoutedEventArgs e) { //弹出文件对象框 if (openFile.ShowDialog() == true) { BitmapImage bmp = new BitmapImage(); //设置图源为用户选择的图片 bmp.SetSource(openFile.File.OpenRead()); image.Source = bmp; } } } }

然后再服务端创建一个UploadFile.ashx处理文件

代码如下：

 <%@ WebHandler Language="C#" Class="UploadFile" %> using System; using System.Collections; using System.Data; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Xml.Linq; using System.IO; public class UploadFile : IHttpHandler { public void ProcessRequest (HttpContext context) { //获取上传的数据流 string filename = ""; string ext = context.Request["ext"]; filename = DateTime.Now.ToShortDateString() + ext; Stream sr = context.Request.InputStream; int bytesRead = 0; byte[] buffer = new byte[4096]; //取得文件名 try { //上传服务器的Upload文件夹里 string path = context.Server.MapPath("Upload/"); //将数据流写入服务器端 using (FileStream fs = File.Create(path + filename, 4096)) { while ((bytesRead = sr.Read(buffer, 0, buffer.Length)) > 0) { fs.Write(buffer, 0, bytesRead); } } } catch (Exception e) { //错误提示 context.Response.ContentType = "text/plain"; context.Response.Write ("上传失败, 提示信息:" + e.Message); } finally { sr.Dispose(); } } public bool IsReusable { get { return false; } } }

这样就完成了上传功能。

首先说明下里面的一些小细节，很多刚接触的人可能会遇到这些问题：

1、new Uri("http://localhost:2923/UploadFile.ashx?ext="这里的端口号要一致。

2、添加Asp.Web应用程序和Asp.Net网站的一般处理文件有些不同，一个有cs文件，一个没有，在上面代码要写在没有cs文件的UploadFile上，对于这是什么原因我也不太清楚，我在调试中非得用那种形式才可以运行，所以要新建一个Asp.Net网站在里面写上面的代码，然后再把那文件拷贝过去才可以，如果有知道的朋友可以告诉我下，我也是刚接触silverlight。