silverlight上传的一些总结

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

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

 <UserControl x:Class="OpenFileSample.MainPage" xmlns="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_811_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/winfx/2006/xaml/presentation" xmlns:x="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_811_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/winfx/2006/xaml" xmlns:d="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_811_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/expression/blend/2008" xmlns:mc="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_811_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>openxmlformat<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"> <Grid x:Name="LayoutRoot" <a href="http://code.js-code.com/tag/BAC/" target="_blank" class="keywords">BAC</a>kground="White"> <Grid.RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="280"/> <RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="*"/> </Grid.RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <!--<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a>预览区域--> <Border Grid.Row="0" Grid.<a href="http://code.js-code.com/tag/colum/" target="_blank" class="keywords">colum</a>n="0" Width="320" Height="240" BorderBrush="Black" BorderThick<a href="http://code.js-code.com/tag/nes/" target="_blank" class="keywords">nes</a>s="2"> <Image x:Name="image" Stretch="Fill"/> </Border> <!--<a href="http://code.js-code.com/tag/gongneng/" target="_blank" class="keywords">功能</a>区域--> <StackPanel Orientation="Horizontal" Width="320" Grid.Row="1" Grid.<a href="http://code.js-code.com/tag/colum/" target="_blank" class="keywords">colum</a>n="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>

using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Collection<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Generi<a href="http://code.js-code.com/tag/c/" target="_blank" class="keywords">c;</a> using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Linq; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Net; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Windows; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Controls; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Documents; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Input; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Media; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Media.Animation; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Shapes; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Media.Imaging; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.IO; namespace OpenFileSample <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> public partial class MainPage : UserControl <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> private <a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng ext = <a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng.Empty; //<a href="http://code.js-code.com/tag/chuangjianwenjian/" target="_blank" class="keywords">创建文件</a>对话框 private OpenFileDialog openFile = <a href="http://code.js-code.com/tag/newope/" target="_blank" class="keywords">new ope</a>nFileDialog() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> Filter = "Jpeg Files (*.jpg)|*.jpg|All Files(*.*)|*.*",Multi<a href="http://code.js-code.com/tag/SELE/" target="_blank" class="keywords">SELE</a>ct = true }; public MainPage() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> InitializeComponent(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } void webclient_OpenWriteCompleted(ob<a href="http://code.js-code.com/tag/je/" target="_blank" class="keywords">je</a>ct sender,OpenWriteCompletedEventArgs <a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //将<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a>数据流发送到服务器上 Stream inputStream = e.UserState as Stream; Stream outputStream = e.Result; //缓冲区 byte[] buffer = new byte<a href="http://code.js-code.com/tag/40/" target="_blank" class="keywords">[40</a>9<a href="http://code.js-code.com/tag/6/" target="_blank" class="keywords">6]</a>; int bytesRead = 0; while ((bytesRead = inputStrea<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Read(buffer,buffer.Length)) > 0) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> outputStrea<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Write(buffer,bytesRead<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } //<a href="http://code.js-code.com/tag/guanbi/" target="_blank" class="keywords">关闭</a>流 outputStrea<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Close(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> inputStrea<a href="http://code.js-code.com/tag/m/" target="_blank" class="keywords">m.</a>Close(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> <a href="http://code.js-code.com/tag/messa/" target="_blank" class="keywords">messa</a>ge<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>.Show("<a href="http://code.js-code.com/tag/shangchuan/" target="_blank" class="keywords">上传</a>完成！"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } private void btnUpload_Click(ob<a href="http://code.js-code.com/tag/je/" target="_blank" class="keywords">je</a>ct sender,RoutedEventArgs <a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //判断<a href="http://code.js-code.com/tag/yonghu/" target="_blank" class="keywords">用户</a>是否已选择了<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a> if (openFile.File <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">!=</a> null) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a><a href="http://code.js-code.com/tag/wenjian/" target="_blank" class="keywords">文件</a>名 ext = openFile.File.Extension; WebClient webclient = new WebClient(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> //指定<a href="http://code.js-code.com/tag/shangchuan/" target="_blank" class="keywords">上传</a>处理的服务地址 Uri uri = new Uri("<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://localhost:2923/UploadFile.ashx?ext=" + ext,UriKind.Absolut<a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a>; webclient<a href="http://code.js-code.com/tag/o/" target="_blank" class="keywords">.o</a>penWriteCompleted += <a href="http://code.js-code.com/tag/newope/" target="_blank" class="keywords">new ope</a>nWriteCompletedEventHandler (webclient_OpenWriteCompleted<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> //POST<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a><a href="http://code.js-code.com/tag/wenjian/" target="_blank" class="keywords">文件</a>到服务器UploadFile.ashx webclient<a href="http://code.js-code.com/tag/o/" target="_blank" class="keywords">.o</a>penWriteAsync(uri,"POST",openFile.File<a href="http://code.js-code.com/tag/o/" target="_blank" class="keywords">.o</a>penRead()<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } else <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> <a href="http://code.js-code.com/tag/messa/" target="_blank" class="keywords">messa</a>ge<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>.Show("请先选取<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a>！"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } } private void btnPreview_Click(ob<a href="http://code.js-code.com/tag/je/" target="_blank" class="keywords">je</a>ct sender,RoutedEventArgs <a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //弹出<a href="http://code.js-code.com/tag/wenjian/" target="_blank" class="keywords">文件</a>对象框 if (openFile.ShowDialog() == tru<a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> BitmapImage bmp = new BitmapImage(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> //设置图源为<a href="http://code.js-code.com/tag/yonghu/" target="_blank" class="keywords">用户</a>选择的<a href="http://code.js-code.com/tag/tupian/" target="_blank" class="keywords">图片</a> bmp.Set<a href="http://code.js-code.com/tag/sourc/" target="_blank" class="keywords">sourc</a>e(openFile.File<a href="http://code.js-code.com/tag/o/" target="_blank" class="keywords">.o</a>penRead()<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> image<a href="http://code.js-code.com/tag/so/" target="_blank" class="keywords">.so</a>urce = bmp; } } } }

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

@L_607_44@如下：

 <%@ WebHandler Language="C#" Class="UploadFile" %> using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Collections; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Data; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Linq; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Web; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Web.<a href="http://code.js-code.com/tag/servi/" target="_blank" class="keywords">servi</a>ces; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Web.<a href="http://code.js-code.com/tag/servi/" target="_blank" class="keywords">servi</a>ce<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Protocols; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Xm<a href="http://code.js-code.com/tag/l/" target="_blank" class="keywords">l.</a>Linq; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.IO; public class UploadFile : I<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>Handler <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> public void Process<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>est (<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>Co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //<a href="http://code.js-code.com/tag/huoqu/" target="_blank" class="keywords">获取</a><a href="http://code.js-code.com/tag/shangchuan/" target="_blank" class="keywords">上传</a>的数据流 <a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng fil<a href="http://code.js-code.com/tag/ename/" target="_blank" class="keywords">ename</a> = ""; <a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng ext = co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>est["ext"]; fil<a href="http://code.js-code.com/tag/ename/" target="_blank" class="keywords">ename</a> = <a href="http://code.js-code.com/tag/dateti/" target="_blank" class="keywords">dateti</a>R_811_11845@e.<a href="http://code.js-code.com/tag/Now/" target="_blank" class="keywords">Now</a>.ToShortDate<a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng() + ext; Stream sr = co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t.<a href="http://code.js-code.com/tag/requ/" target="_blank" class="keywords">requ</a>est.InputStream; int bytesRead = 0; byte[] buffer = new byte<a href="http://code.js-code.com/tag/40/" target="_blank" class="keywords">[40</a>9<a href="http://code.js-code.com/tag/6/" target="_blank" class="keywords">6]</a>; //取得<a href="http://code.js-code.com/tag/wenjian/" target="_blank" class="keywords">文件</a>名 try <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //<a href="http://code.js-code.com/tag/shangchuan/" target="_blank" class="keywords">上传</a>服务器的Upload<a href="http://code.js-code.com/tag/wenjian/" target="_blank" class="keywords">文件</a>夹里 <a href="http://code.js-code.com/tag/Stri/" target="_blank" class="keywords">Stri</a>ng path = co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t.Server.MapPath("Upload/"<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> //将数据流写入服务器端 using (FileStream fs = File.Create(path + fil<a href="http://code.js-code.com/tag/ename/" target="_blank" class="keywords">ename</a>,4096)) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> while ((bytesRead = sr.Read(buffer,buffer.Length)) > 0) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> f<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Write(buffer,bytesRead<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } } } catch (Exception <a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> //<a href="http://code.js-code.com/tag/cuowu/" target="_blank" class="keywords">错误</a><a href="http://code.js-code.com/tag/tishi/" target="_blank" class="keywords">提示</a> co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t.Response.ContentType = "text/plain"; co<a href="http://code.js-code.com/tag/ntex/" target="_blank" class="keywords">ntex</a>t.Response.Write ("<a href="http://code.js-code.com/tag/shangchuan/" target="_blank" class="keywords">上传</a>失败,<a href="http://code.js-code.com/tag/tishi/" target="_blank" class="keywords">提示</a>信息:" + e.<a href="http://code.js-code.com/tag/messa/" target="_blank" class="keywords">messa</a>g<a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a>; } finally <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> sr.Dispose(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } } public bool IsReusable <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> get <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> return <a href="http://code.js-code.com/tag/fal/" target="_blank" class="keywords">fal</a>se; } } }

这样就完成了上传功能。

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

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

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