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:Ig<a href="/tag/nor/" target="_blank" class="keywords">nor</a>able="d" d:DesignWidth="640" d:DesignHeight="480"> <Grid x:Name="LayoutRoot" Background="White"> <Grid.RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="280"/> <RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="*"/> </Grid.RowDe<a href="/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <!--<a href="/tag/tupian/" target="_blank" class="keywords">图片</a>预览区域--> <Border Grid.Row="0" Grid.Column="0" Width="320" Height="240" BorderB<a href="/tag/rush/" target="_blank" class="keywords">rush</a>="Black" BorderThick<a href="/tag/nes/" target="_blank" class="keywords">nes</a>s="2"> <Image x:Name="image" Stretch="Fill"/> </Border> <!--<a href="/tag/gongneng/" target="_blank" class="keywords">功能</a>区域--> <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 Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Collections.Generic; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Linq; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Net; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Documents; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Input; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Media; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Media.Animation; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Shapes; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Media.Imaging; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.IO; namespace OpenFileSample { public partial class MainPage : UserControl { private string ext = string.Empty; //<a href="/tag/chuangjianwenjian/" target="_blank" class="keywords">创建文件</a>对话框 private OpenFileDialog openFile = new OpenFileDialog() { Filter = "Jpeg Files (*.jpg)|*.jpg|All Files(*.*)|*.*",Multiselect = true }; public MainPage() { InitializeComponent(); } void webclient_OpenWriteCompleted(object sender,OpenWriteCompletedEventArgs e) { //将<a href="/tag/tupian/" target="_blank" class="keywords">图片</a>数据流发送到服务器上 Stream inputStream = e.UserState as Stream; Stream outputStream = e.Result; //缓冲区 byte[] buffer = new byte[4096]; int bytesRead = 0; while ((bytesRead = inputStream.Read(buffer,buffer.Length)) > 0) { outputStream.Write(buffer,bytesRead); } //<a href="/tag/guanbi/" target="_blank" class="keywords">关闭</a>流 outputStream.Close(); inputStream.Close(); Message<a href="/tag/Box/" target="_blank" class="keywords">Box</a>.Show("<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>完成！"); } private void btnUpload_Click(object sender,RoutedEventArgs e) { //判断<a href="/tag/yonghu/" target="_blank" class="keywords">用户</a>是否已选择了<a href="/tag/tupian/" target="_blank" class="keywords">图片</a> if (openFile.File != null) { //<a href="/tag/tupian/" target="_blank" class="keywords">图片</a><a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>名 ext = openFile.File.Extension; WebClient webclient = new WebClient(); //指定<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>处理的服务地址 Uri uri = new Uri("http://localhost:2923/UploadFile.ashx?ext=" + ext,UriKind.Absolute); webclient.OpenWriteCompleted += new OpenWriteCompletedEventHandler (webclient_OpenWriteCompleted); //POST<a href="/tag/tupian/" target="_blank" class="keywords">图片</a><a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>到服务器UploadFile.ashx webclient.OpenWriteAsync(uri,"POST",openFile.File.OpenRead()); } else { Message<a href="/tag/Box/" target="_blank" class="keywords">Box</a>.Show("请先选取<a href="/tag/tupian/" target="_blank" class="keywords">图片</a>！"); } } private void btnPreview_Click(object sender,RoutedEventArgs e) { //弹出<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>对象框 if (openFile.ShowDialog() == true) { BitmapImage bmp = new BitmapImage(); //设置图源为<a href="/tag/yonghu/" target="_blank" class="keywords">用户</a>选择的<a href="/tag/tupian/" target="_blank" class="keywords">图片</a> bmp.SetSource(openFile.File.OpenRead()); image<a href="/tag/so/" target="_blank" class="keywords">.so</a>urce = bmp; } } } }

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

代码如下：

 <%@ WebHandler Language="C#" Class="UploadFile" %> using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Collections; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Data; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Linq; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Web; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Web.Services; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Web.Services.Protocols; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Xml.Linq; using Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.IO; public class UploadFile : IHttpHandler { public void ProcessRequest (HttpContext context) { //<a href="/tag/huoqu/" target="_blank" class="keywords">获取</a><a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>的数据流 string filename = ""; string ext = context.Request["ext"]; filename = DateTime.<a href="/tag/Now/" target="_blank" class="keywords">Now</a>.ToShortDateString() + ext; Stream sr = context.Request.InputStream; int bytesRead = 0; byte[] buffer = new byte[4096]; //取得<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>名 try { //<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>服务器的Upload<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>夹里 string path = context.Server.MapPath("Upload/"); //将数据流写入服务器端 using (FileStream fs = File.Create(path + filename,4096)) { while ((bytesRead = sr.Read(buffer,buffer.Length)) > 0) { fs.Write(buffer,bytesRead); } } } catch (Exception e) { //<a href="/tag/cuowu/" target="_blank" class="keywords">错误</a><a href="/tag/tishi/" target="_blank" class="keywords">提示</a> context.Response.ContentType = "text/plain"; context.Response.Write ("<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>失败,<a href="/tag/tishi/" target="_blank" class="keywords">提示</a>信息:" + e.Message); } finally { sr.<a href="/tag/dis/" target="_blank" class="keywords">dis</a>pose(); } } 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。