SilverlightShow: Uploading multiple files with Silverlight Comments

Re: Uploading multiple files with Silverlight

FelipeEsteves — Mon, 12 Mar 2012 16:25:30 GMT

Thank you a lot Andrea Boschin. Great arcticle.

I´m using IIS 7.5 and I´ve found the same problem of CK.

I had to enable the upload handler to work on IIS7.5 . I enabled the "PUT" action on IIS Handlers

The folowing code inside the web.config worked to me :

Re: Uploading multiple files with Silverlight

tayzirov — Fri, 15 Jul 2011 09:08:53 GMT

Oh no I get it, they're custom controls. False Alarm.

Re: Uploading multiple files with Silverlight

tayzirov — Wed, 13 Jul 2011 01:45:01 GMT

hi
when I open up the solution and try to open up the xaml files, I immediately get the following errors:

Warning 1 Could not load file or assembly 'file:///C:\Users\AWESOME-02\Downloads\SilverlightPlayground.MultiFileUpload\SilverlightPlayground.Controls\Bin\Debug\SilverlightPlayground.Controls.dll' or one of its dependencies. The system cannot find the file specified. SilverlightPlayground.MultiFileUpload.Silverlight

Error 2 Unable to load the metadata for assembly 'SilverlightPlayground.Controls'. This assembly may have been downloaded from the web. See http://go.microsoft.com/fwlink/?LinkId=179545. The following error was encountered during load: Could not load file or assembly 'SilverlightPlayground.Controls, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null' or one of its dependencies. The system cannot find the file specified. C:\Users\AWESOME-02\Downloads\SilverlightPlayground.MultiFileUpload\SilverlightPlayground.MultiFileUpload.Silverlight\MainPage.xaml 1 1 SilverlightPlayground.MultiFileUpload.Silverlight

Error 3 The type 'slpgcontrols:MultipleFileUpload' was not found. Verify that you are not missing an assembly reference and that all referenced assemblies have been built. C:\Users\AWESOME-02\Downloads\SilverlightPlayground.MultiFileUpload\SilverlightPlayground.MultiFileUpload.Silverlight\MainPage.xaml 9 10 SilverlightPlayground.MultiFileUpload.Silverlight

Is Silverlight Playground some kind of toolkit? I've never heard of it before.

RE: Uploading multiple files with Silverlight

CK — Fri, 18 Mar 2011 05:40:05 GMT

Thank Andrea Boschin very much.

I believe this will help a lot of people.

But i face a problem here and hope you able to help me.

I am new in silverlight.

Eveything work OK when i run from solution SilverlightPlayground.MultiFileUpload.sln.

After I copy the whole folder SilverlightPlayground.MultiFileUpload to C:\ with 3 Sub folder inside.

SilverlightPlayground.Controls
SilverlightPlayground.MultiFileUpload.Silverlight
SilverlightPlayground.MultiFileUpload.Web

From IIS, i create a virtual directory point to the folder C:\SilverlightPlayground.MultiFileUpload with Alias name MultipleUpload.

here i attach the print screen of my local IIS so that you are more clearer on this. http://www.flickr.com/photos/47392278@N05/5535972357/

The URL to run demo.html page is http://localhost/MULTIPLE/SilverlightPlayground.MultiFileUpload.Web/demo.html.

should i change the UploadHandlerUri from the MainPage.xaml to....?

http://localhost/MULTIPLE/SilverlightPlayground.MultiFileUpload.Web/upload.ashx
http://localhost/MULTIPLE/upload.ashx
or or other correct Uri?

I face the error message below:

{System.Security.SecurityException ---> System.Security.SecurityException: Security error.
   bij System.Net.Browser.ClientHttpWebRequest.InternalEndGetResponse(IAsyncResult asyncResult)
   bij System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClass5.b__4(Object sendState)
   bij System.Net.Browser.AsyncHelper.<>c__DisplayClass2.b__0(Object sendState)
   --- Einde van intern uitzonderingsstackpad ---
   bij System.Net.Browser.AsyncHelper.BeginOnUI(SendOrPostCallback beginMethod, Object state)
   bij System.Net.Browser.ClientHttpWebRequest.EndGetResponse(IAsyncResult asyncResult)
   bij SilverlightPlayground.Controls.UploadManager.<>c__DisplayClass9.b__6(IAsyncResult r)
   bij System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClassd.b__b(Object state2)
   bij System.Threading.QueueUserWorkItemCallback.WaitCallback_Context(Object state)
   bij System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state, Boolean ignoreSyncCtx)
   bij System.Threading.QueueUserWorkItemCallback.System.Threading.IThreadPoolWorkItem.ExecuteWorkItem()
   bij System.Threading.ThreadPoolWorkQueue.Dispatch()
   bij System.Threading._ThreadPoolWaitCallback.PerformWaitCallback()}

Please assit on me, thank you.

RE: Uploading multiple files with Silverlight 4.0

Andrea Boschin — Thu, 18 Nov 2010 09:57:44 GMT

hi Kamil, what kind of help do you need?

RE: Uploading multiple files with Silverlight 4.0

Kamil — Wed, 17 Nov 2010 04:36:36 GMT

Hi everyone,

I'm new in silverlight and i need a fileupload project to improve myself ,but the above example is really hard to understand , can anyone help me?

RE: Uploading multiple files with Silverlight 4.0

Pablo Lima — Fri, 01 Oct 2010 00:35:48 GMT

Did any one had some problem with this solution running on IIS 7.5 ?

RE: Uploading multiple files with Silverlight 4.0

NMH — Fri, 03 Sep 2010 13:39:58 GMT

Just blogged about this, its a really cool control.

http://blogs.3sixtysystems.com/NMH/post/Discovered-a-really-cool-multiple-file-uploader.aspx

RE: Uploading multiple files with Silverlight 4.0

Andrea Boschin — Thu, 26 Aug 2010 14:45:43 GMT

thanks, good catch!

RE: Uploading multiple files with Silverlight 4.0

doctorgu — Thu, 26 Aug 2010 14:22:33 GMT

very cool code.

Your code is very optimized, a lot of new technology.

I changed your source a little as below because of Korean character.

In Silverlight: rq.Headers["File-Name"] = HttpUtility.UrlEncode(file.File.Name);

In ASP.Net: string filename = HttpUtility.UrlDecode(context.Request.Headers["File-Name"]);

Thanks a lot!

RE: Uploading multiple files with Silverlight 4.0

Dustin Horne — Tue, 10 Aug 2010 18:55:45 GMT

I also want to add that my library uploads directly to Amazon S3, not using a file handler so it doesn't lock any process at the host server level.

RE: Uploading multiple files with Silverlight 4.0

Dustin Horne — Tue, 10 Aug 2010 18:53:43 GMT

hyspdrt -

Are you talking to me? You're looking at the author of this article's source code, not mine. :P Run my sample application and look at the traffic via Wireshark. It's a single connection that streams the data and offers notification via an event model and property change notification to give you upload status. It also allows cancellation of the upload.

RE: Uploading multiple files with Silverlight 4.0

hyspdrt — Mon, 09 Aug 2010 14:52:33 GMT

Actually, after reviewing your source code, it appears you do make a connection for each chunk...

From your UploadChunk(UploadFile file) method:

HttpWebRequest rq = (HttpWebRequest)WebRequestCreator.ClientHttp.Create(this.UploadHandlerUri);

Why is you believe it's a single connection?

RE: Uploading multiple files with Silverlight 4.0

hyspdrt — Mon, 09 Aug 2010 14:35:38 GMT

Thanks for the follow up. I think our solutions are very comparable in how they creatively deal with threading on the client, but I wanted to support more abstraction between the infrastructure (the guts of the tool) and what the end developer needs to implement. Including a clear distinction of cancelling an upload and positive confirmation back to the client app, in addition to providing retry and hashing capability to an indivdual chunk. So I've segmented out the communication protocol and then allow the developer to implement a base class so they can simply provide there storage logic (database, file, etc.). I like your solution as well, and serves the purpose. And is probably more flexible for those that want to change the code directly. HSS Interlink is more of a component library, with the only coding requirement is to implenent one or more File Handler(s).

Example, this is all that is required by the developer to implement their upload storage logic...

public override bool CheckFileExists()
public override Responses CreateNewFile()
public override Responses AppendToFile(byte[] buffer) // called for each chunk
public override void CancelUpload()
public override void UploadComplete()
public override bool IsAuthorized() // called for each request

UploadComplete provides the opportunity to delete any temp files you may create, and IsAuthorized allows for validation of each request. With this protocol it does make connection after connection, but it provides for more server side throughput, in that each chunk from 100's of users could run concurrently versus locking a single server side request connection/process for a period of time for a single file.

Look here for a demo of HSS Interlink @ http://hssinterlink.com/

For more details see http://interlink.codeplex.com/

RE: Uploading multiple files with Silverlight 4.0

Dustin Horne — Tue, 20 Jul 2010 19:30:38 GMT

hyspdrt -

That only applies in somescenarios, in many cases it will work just fine. To illustrate my example, I have an upload component that uploads directly to Amazon's S3 service. The upload is still 'chunked' in that it writes set buffers to the response stream, however it does so with a single connection which removes the overhead of making connection after connection after connection. My example doesn't automatically cancel if your credentials are incorrect, but I do have the facilities to cancel the upload and it was very simple to implement, just by checking for a cancellation request before each buffer is written.

Ignore the "Load From Stream" button in my example, but you can load a file and upload. This will work as long as you have a properly constructed and public readable clientaccesspolicy.xml file in your Amazon bucket that allows at a minimum the domain my example is served from:

http://www.parentelement.com/sls3test.html

RE: Uploading multiple files with Silverlight 4.0

Angelo — Sun, 18 Jul 2010 18:14:03 GMT

When i deploy this online it doesn't seem to work. the only setting i heva changed is the UploadHandlerUri in the mainpage. Then i uploaded everything. When testing on my local pc it gives the security error. Does somebody have a clue ?

{System.Security.SecurityException ---> System.Security.SecurityException: Security error.
   bij System.Net.Browser.ClientHttpWebRequest.InternalEndGetResponse(IAsyncResult asyncResult)
   bij System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClass5.b__4(Object sendState)
   bij System.Net.Browser.AsyncHelper.<>c__DisplayClass2.b__0(Object sendState)
   --- Einde van intern uitzonderingsstackpad ---
   bij System.Net.Browser.AsyncHelper.BeginOnUI(SendOrPostCallback beginMethod, Object state)
   bij System.Net.Browser.ClientHttpWebRequest.EndGetResponse(IAsyncResult asyncResult)
   bij SilverlightPlayground.Controls.UploadManager.<>c__DisplayClass9.b__6(IAsyncResult r)
   bij System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClassd.b__b(Object state2)
   bij System.Threading.QueueUserWorkItemCallback.WaitCallback_Context(Object state)
   bij System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state, Boolean ignoreSyncCtx)
   bij System.Threading.QueueUserWorkItemCallback.System.Threading.IThreadPoolWorkItem.ExecuteWorkItem()
   bij System.Threading.ThreadPoolWorkQueue.Dispatch()
   bij System.Threading._ThreadPoolWaitCallback.PerformWaitCallback()}

RE: Uploading multiple files with Silverlight 4.0

Andrea Boschin — Sat, 17 Jul 2010 00:56:28 GMT

that's strange, Have you run VS2010 with Administrator priviledges? If it is so please run it normally.

RE: Uploading multiple files with Silverlight 4.0

Toni — Fri, 16 Jul 2010 22:10:40 GMT

Failed to assign to property 'System.Windows.UIElement.AllowDrop'. [Line: 8 Position: 60]

That's the error I get. No one else got it? Can anyone help? Pretty please? :)

RE: Uploading multiple files with Silverlight 4.0

hyspdrt — Fri, 09 Jul 2010 13:32:09 GMT

Regarding AllowWriteStreamBuffering, there are a couple of gotchas with that as documented here (http://support.microsoft.com/kb/908573). Also, if you don't do chunking how do you handle canceling the request mid-stream, clean up on the server and time outs on large files? I have created a full control suite that handles all of this and is free on codeplex (interlink.codeplex.com) but uses chunking. It's fairly robust and support extra feature such as hashing/validation, cancel, retry and file overwriting. It's fairly simply to integrate and use.

RE: Uploading multiple files with Silverlight 4.0

Dustin Horne — Thu, 08 Jul 2010 23:03:18 GMT

Just wanted to make a correction to my post from yesterday...I stated IObservable for the property, but I meant "INotifyPropertyChanged".

RE: Uploading multiple files with Silverlight 4.0

Dustin Horne — Wed, 07 Jul 2010 18:16:10 GMT

The author missed one important thing. Between the RC and the RTM I had the pleasure of having an email exchange with part of the Silverlight development team. One of my biggest complaints was that even using the Silverlight networking stack instead of the browser, there was no good way to track upload progress (as noted above). The key important feature that was missing was the ability to disable write stream buffering for the uploads and I thought this was key for Silverlight to be competitve for line of business apps.

Between the RC and the RTM, the dev team implemented the feature. If you use the HttpWebRequest object and Silverlight's networking stack you can set AllowWriteStreamBuffering to false and there is no longer a need to "chunk" the file prior to uploading to the server. To demonstrate this, I created a Silverlight class library that uploads files directly to Amazon's S3 service without the need for a proxy server. The library constructs a form POST and uploads the file and related data.

The same can be used for any HttpWebRequest call. Even if you're uploading to a page on your own server that process the file, you can disable write stream buffering and accurately track the progress of the upload. My test class fires an event whenever a packet is sent to the stream, but a better method would be to implement IObservable on a readonly property that exposes the number of bytes uploaded (and have another property that exposes the total number of bytes for the current request). By simply updating the bytes sent property when each set of bytes (buffer) in your loop is pushed to the server, anything bound to that property (such as the text of a label or position of a progress bar with some calculation) could accurately display the progress, making it a far more simple task since the file won't have to be manually reconstructed on the server side across multiple requests, but rather just pulled from the stream in one go.

RE: Uploading multiple files with Silverlight 4.0

Donald — Mon, 05 Jul 2010 16:10:40 GMT

That worked thanks. I think I may have changed it because of a conflict.

RE: Uploading multiple files with Silverlight 4.0

Andrea Boschin — Sat, 03 Jul 2010 03:08:18 GMT

Please check you have set the right uri in the MainPage.xaml markup code.

let me know if this solve your issue. Thanks

Securit Error

Donald — Sat, 03 Jul 2010 02:29:57 GMT

I get the following error:

System.Security.SecurityException was unhandled by user code
Message=""
StackTrace:
       at System.Net.Browser.AsyncHelper.BeginOnUI(SendOrPostCallback beginMethod, Object state)
       at System.Net.Browser.ClientHttpWebRequest.EndGetResponse(IAsyncResult asyncResult)
       at SilverlightPlayground.Controls.UploadManager.<>c__DisplayClass9.b__6(IAsyncResult r)
       at System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClassd.b__b(Object state2)
       at System.Threading.QueueUserWorkItemCallback.WaitCallback_Context(Object state)
       at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state, Boolean ignoreSyncCtx)
       at System.Threading.QueueUserWorkItemCallback.System.Threading.IThreadPoolWorkItem.ExecuteWorkItem()
       at System.Threading.ThreadPoolWorkQueue.Dispatch()
       at System.Threading._ThreadPoolWaitCallback.PerformWaitCallback()
InnerException: System.Security.SecurityException
       Message=Security error.
       StackTrace:
            at System.Net.Browser.ClientHttpWebRequest.InternalEndGetResponse(IAsyncResult asyncResult)
            at System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClass5.b__4(Object sendState)
            at System.Net.Browser.AsyncHelper.<>c__DisplayClass2.b__0(Object sendState)
       InnerException:

RE: Uploading multiple files with Silverlight 4.0

nicholaspei — Fri, 02 Jul 2010 19:11:36 GMT

It's really a creative file upload method, amazing ...... I love it. Thanks.