|
Mediachase FileUploader.NET 2.0 | Support Forum | Email Us |
Quick
Developer Tutorial
The
following lessons will show you from start to finish how to utilize the
Mediachase FileUploader.NET.
Lesson
1- Adding e-mail attachments into a Send Email page
[Go to Online sample] [Download source]
1. Start
We will use the following .aspx page
for e-mail sending already established (fig. 1). To add Mediachase
FileUploader.NET to this page we should take the following actions.
|
|
|
Fig. 1 |
2. Add reference to the
Mediachase.FileUploader.dll (fig.2).
|
|
|
Fig.2 |
3. Add the following files
to your project root: uploadembedded.aspx, uploadiframe.aspx, uploadpopup.aspx
(fig.3).
|
|
|
Fig. 3 |
4. Add the following code
to your project web.config file:
<configSections>
<sectionGroup name="mediachase.fileUploader" type="Mediachase.FileUploader.Configuration.MediachaseFileUploaderSectionGroup,
Mediachase.FileUploader">
<section name="fileUploaderContext" type="Mediachase.FileUploader.Configuration.FileUploaderContextSection,
Mediachase.FileUploader"/>
<section name="tempFileStorage" type="Mediachase.FileUploader.Web.Configuration.TempFileStorageSection,
Mediachase.FileUploader"/>
<section name="uploadProgress" type="Mediachase.FileUploader.Web.Configuration.UploadProgressSection,
Mediachase.FileUploader"/>
<section name="fileUploadControl" type="Mediachase.FileUploader.Web.Configuration.FileUploadControlSection,
Mediachase.FileUploader"/>
</sectionGroup>
</configSections>
<mediachase.fileUploader>
<fileUploaderContext/>
<tempFileStorage timeout="60">
<providers>
<add name="McLocalDiskTempFileStorageProvider" type="Mediachase.FileUploader.Web.LocalDiskTempFileStorageProvider,
Mediachase.FileUploader" description="" tempStoragePath="%TEMP%" />
</providers>
</tempFileStorage>
<uploadProgress timeout="60">
<providers>
<add name="McInProcessProgressStateProvider" type="Mediachase.FileUploader.Web.InProcessUploadProgressProvider,
Mediachase.FileUploader" description="" />
</providers>
</uploadProgress>
</mediachase.fileUploader>
Add the following string to <httpModules>
section:
<add name="Mediachase.FileUploader.McHttpModule" type="Mediachase.FileUploader.McHttpModule,
Mediachase.FileUploader"/>
Add the following string to
<httpHandlers> section:
<add verb="GET" path="McFileUploaderResources.axd" type="Mediachase.FileUploader.AssemblyResourceHandler,
Mediachase.FileUploader" />
5. Register FileUploader
assembly in the page:
<%@ Register Assembly="Mediachase.FileUploader" Namespace="Mediachase.FileUploader.Web.UI"
TagPrefix="mc"
%>
6. Add
“FileUploadControl”, “FileUploadProgress”, “FileUploadActions” and
“UploadedFileList” into the page:
<mc:FileUploadControl ID="fuControl"
runat="server"
ModeType="IFrame"
BlockHeight="140px">
</mc:FileUploadControl>
<mc:FileUploadProgress ID="fuProgress"
runat="server"
FileUploadControlID="fuControl">
<WaitTemplate><i>Wait for uploading start</i></WaitTemplate>
</mc:FileUploadProgress>
<mc:FileUploadActions ID="fuActions"
runat="server"
FileUploadControlID="fuControl">
<ShowTextTemplate><img src="Images/attachtomail.gif"
width="16px"
height="16px"
border="0"
title="Add
attachment" />Add attachment</ShowTextTemplate>
<HideTextTemplate><img src="Images/scrollup_hover.gif"
width="16px"
height="16px"
border="0"
title="Hide"
/>Hide panel</HideTextTemplate>
<UploadTextTemplate><img src="Images/publish.gif"
width="16px"
height="16px"
border="0"
title="Upload"
/>Upload files</UploadTextTemplate>
</mc:FileUploadActions>
<mc:UploadedFileList ID="fvControl"
runat="server"
FileUploadControlID="fuControl"
ClientBinderProvider="XML">
<DeleteCommandTemplate><img src="Images/delete.gif"
width="16px"
height="16px"
border="0"
title="Delete"
align="absmiddle"
/>
</DeleteCommandTemplate>
</mc:UploadedFileList>
7. To get create e-mail
attachments from uploaded files you can use the following code (C#):
Mediachase.FileUploader.Web.FileStreamInfo[] fsi = fuControl.Files;
for (int i = 0; i < fsi.Length; i++)
{
Attachment at = new
Attachment(Mediachase.FileUploader.Web.TempFileStorage.Provider.GetStream(fsi[i].StreamUid),
fsi[i].FileName);
…
}
8. FileUploader control
will appear on your page (figures 4-7).
|
|
|
Fig.
4 FileUploader in its default view. |
|
|
|
Fig.5
FileUploader in expanded view. |
|
|
|
Fig.6
FileUploader (FileUploadProgress) during file uploading. |
|
|
|
Fig.
7 FileUploader (UploadedFileList) with two uploaded files saved in temporary
storage. |
