Flajaxian FileUploader

После долгих изысканий я наконец-то нашел достойный компонент для асинхронной закачки файлов на сервер в ASP.NET (в моем случае 2.0) - Flajaxian FileUploader.

Источник: http://flajaxianfileupload.codeplex.com/
Help: http://www.flajaxian.com/flajaxian.com/FileUploader2.0Help.html
Видео (англ.): http://blog.bodurov.com/how-to-use-flajaxian-fileuploader-video-basics

В моем примере представлен собственно сам компонент загрузки файлов на сервер, в данном случае графических файлов. Контроль Image, показывающий уже загруженое изображение, и скрытая кнопка. Все это находится внутри Update Panel. После того как файл загружен эмулируется нажатие на скрытую кнопку и происходит обновление контрола Image и мы тут же видим только что загруженное изображение.
Код расположенный на моей aspx странице:

1. <fieldset>
2. <legend class="legend" onclick="slideBlock('blockBOLogo');">Reseller logo for Back End (please ensure your logo size is 415x70 pixels only)legend>
3. <div id="blockBOLogo" class="blockLogo">
4. <asp:ScriptManager ID="ScriptManager1" runat="server">
5. asp:ScriptManager>
6. <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
7. <ContentTemplate>
8. 
   
9. <asp:Image ID="imgBOLogo" runat="server" CssClass="imageResellerLogoBO"/>
10. <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" style="display:none;"/>
11. <br/><br/>
12. <fjx:FileUploader ID="FileUploader1" runat="server"
13. UseInsideUpdatePanel="true"
14. RequestAsPostBack="true"
15. OnFileReceived="FileUploader1_FileReceived"
16. PageUrl="~/ResellerEdit.aspx?proj=HOTEL&id_reseller=2"
17. SuppressQueryStringParametersOnUploadUrl="false"
18. 
    
19. JsFunc_FileStateChanged="fn_fileStateChanged"
20. 
    
21. CssUrl="~/Control/Style/FileUploader.css"
22. TransparentBackground="true"
23. ImagesPath="~/Control/Image/Uploader/"
24. BrowseButtonUrl="Browse.gif"
25. BrowseButtonOverUrl="BrowseOver.gif"
26. BrowseButtonPressedUrl="BrowseOver.gif"
27. BrowseButtonDisabledUrl="Browse.gif"
28. UploadButtonUrl="Upload.gif"
29. UploadButtonOverUrl="UploadOver.gif"
30. UploadButtonPressedUrl="UploadOver.gif"
31. UploadButtonDisabledUrl="Upload.gif"
32. CancelButtonUrl="Cancel.gif"
33. CancelButtonOverUrl="CancelOver.gif"
34. CancelButtonPressedUrl="Cancel.gif"
35. 
    
36. ProgressBorderSize="0"
37. ProgressBorderColor="#fff1dd"
38. ProgressBackUrl="ProgressBackground.gif"
39. ProgressForeUrl="ProgressFore.gif"
40. 
    
41. MaxNumberFiles="1" MaxFileNumberReachedMessage="You can select only up to {0} files in one queue"
42. MaxFileSize="2MB" MaxFileSizeReachedMessage="No files bigger than {0} are allowed"
43. AllowedFileTypes="Web Images (Jpeg, Gig, Png):*.jpg;*.jpeg;*.png;*.gif"
44. 
    
45. >
46. <Adapters>
47. <fjx:ThumbGeneratorAdapter Runat="server"
48. Extensions="jpg;jpeg;gif;png;bmp" FolderName="/Control/Upload"
49. Suffix="_thumb" MaximumWidth="200" MaximumHeight="200" />
50. 
    
51. <fjx:FileSaverAdapter Runat="server" FolderName="/Control/Upload" />
52. 
    
53. Adapters>
54. fjx:FileUploader>
55. 
    
56. ContentTemplate>
57. asp:UpdatePanel>
58. div>
59. fieldset>
60. <script type="text/javascript">
61. function fn_fileStateChanged(uploader, file, httpStatus, isLast) {
62. Flajaxian.fileStateChanged(uploader, file, httpStatus, isLast);
63. if (file.state > Flajaxian.File_Uploading) {
64. document.getElementById("<%= Button1.ClientID %>").click();
65. }
66. }
67. script>

* This source code was highlighted with Source Code Highlighter.

Адаптер "fjx:FileSaverAdapter" (строчка 51) отвечает за сохранение фалов на диск, если вы планируете сохранять загружаемый файл сразу в базу (смотри пример ниже), то можете просто удалить строчку "fjx:FileSaverAdapter".

Адаптер "fjx:ThumbGeneratorAdapter" очень интересен. Он налету создает превьюшки загружаемых графических файлов.


Вот пример серверных методов подвешенных на события выше приведенного кода:

1. protected void FileUploader1_FileReceived(object sender, com.flajaxian.FileReceivedEventArgs e)
2. {
3. curProject = Utils.getParamString(Global.ManagementArgumnet.Project);
4. 
   
5. curId = Utils.getParamInt(Global.ManagementArgumnet.ResellerId);
6. 
   
7. int maxSizeAllowed = 2000000;
8. int contentLenght = e.File.ContentLength;
9. if (contentLenght <>
10. {
11. Stream stream = (Stream)e.File.InputStream;
12. 
    
13. if (stream != null)
14. {
15. Reseller.TrySaveImage(curProject, curId, Library.ImageType.ResellerLogoBO, stream, contentLenght);
16. 
    
17. }
18. }
19. }
20. 
    
21. protected void Button1_Click(object sender, EventArgs e)
22. {
23. int rand = new Random().Next(0, 100000);
24. 
    
25. imgBOLogo.ImageUrl = imgBOLogo.ImageUrl + "&random=" + rand;
26. imgBOLogo.Visible = true;
27. imgBOLogo.DataBind();
28. 
    
29. UpdatePanel1.Update();
30. }

* This source code was highlighted with Source Code Highlighter.