File uploading in AJAX updatepanel without full postback

by

For solve this problem, Please see the following step.

  1. Add ajax-upload to your detail view.
    • iframe-based uploader like Resource#1.
    • Silverlight-based & Flash-based uploader. I like this technique because it doesn’t require any server-side script for display current upload status. But in HTML5, you can create this without using any web browser plug-in.
    • Commercial uploader like Resource#2. that use hidden iframe for uploading.

  2. Upload file to temporary location.

    • System response the temporary location. Next, client keep temporary location in hidden input in detail form.
    • Keep temporary location with session_id. You can store it in database or Session variable depend on your framework.

  3. When you click on the save button, the system will move the files to their real location

Note. System will automatically delete the expired file from the temporary location.

Resource

  1. ASP.NET File Upload with Real-Time Progress Bar
  2. ASP.NET File Upload like GMail (Commercial)

Update

After almost one year, I just found a great 3rd-parties control for this question. This is an open source plug-in of jQuery. It name Plupload that allows you to upload files using HTML5, Silverlight, Flash or normal forms and it provide some unique features such as upload progress, image resizing and chunked uploads.

You can try & test Plupload by click here.

More Related Contents:

  1. Upload large files in .NET
  2. How do I make a Textbox Postback on KeyUp?
  3. How to do AsyncPostBackTrigger for the LinkButton in the Repeater
  4. Button click not working inside update panel
  5. Maximum request length exceeded.
  6. include antiforgerytoken in ajax post ASP.NET MVC
  7. Get full path of a file with FileUpload Control
  8. How to stop ASP.NET from changing IDs in order to use jQuery
  9. How to support HTTP OPTIONS verb in ASP.NET MVC/WebAPI application
  10. Asp.Net UpdatePanel in Gridview Jquery DatePicker
  11. Which gets priority, maxRequestLength or maxAllowedContentLength?
  12. How to set the maxAllowedContentLength to 500MB while running on IIS7?
  13. How to choose multiple files using File Upload Control?
  14. Using jQuery for AJAX with ASP.NET Webforms [closed]
  15. Get Image dimensions using Javascript during file upload
  16. Maintain Panel Scroll Position On Partial Postback ASP.NET
  17. ASP.NET – Passing JSON from jQuery to ASHX
  18. RegisterStartupScript doesn’t work with ScriptManager,Updatepanel. Why is that?
  19. Web Api Parameter always null
  20. Jquery AJAX with ASP.NET WebMethod Returning Entire Page
  21. FileUpload control inside an UpdatePanel without refreshing the whole page?
  22. What is the purpose of the Assemblies node in Web.Config?
  23. Progress bar for long running server calls in ASP.Net MVC [closed]
  24. iOS 8 / Safari 8 not working with ASP.NET AJAX-Extensions
  25. ajax “loading” icon with UpdatePanel postbacks
  26. How to make an ASP.NET TextBox fire it’s onTextChanged event fire in an AJAX UpdatePanel?
  27. Detect from browser if specific application is installed
  28. how can i get the same page with the click of back button of browser
  29. how to know if the request is ajax in asp.net mvc?
  30. What is the difference between AsyncPostBackTrigger & PostBackTrigger?

Leave a Comment