CYCLOMEDIA

• Name Upload
• CSS Class CC_Upload
• Type (file)

The upload control simplifies the code-behind needed to handle input[type:file] controls by allowing you to specify valid file extensions and by taking care of the binary transport and file handling. It saves Uploaded files under the [Chan_Temp_Dir] directory in randomly named subfolders to prevent collisions.

It holds an internal public Enum type of UploadState and exposes its current state via a State property, you can use this to drive your codebehind by checking that a file exists of the correct type. The control also maintains its state across postbacks, remembering the most recent file uploaded using that instance and allowing the user to change their selection at any time if they wish by providing a Change button.

Roadmap

• Add a FileName property that both allows you to read the current filename (without any Path) and allows you to set it when, for example, editing a database entry with an attachment or image. This will need a new UploadState state that will be set by the FileName setter, such as UploadState.ExistingFile.
• Clean up of internal code logic and better auto-clean of Temp_Dir, perhaps adding a CleanAll() function that flushes any temp upload older than 12 hours from the temp dir.
• Move UploadSate into root Chan namespace alongside ConfigBool (for example)

ASPX

<%@ Page
    Inherits="MySite.MyPage"
%>

	
<Chan:Form runat="server" id="frm">
    <Chan:Upload runat="server" id="upl" exts="jpg,png" />
    <Chan:Button runat="server" id="btn" text="GO" />
</Chan:Form>
<Chan:Label runat="server" id="lbl" />	

	

C#

using System;
using Chan;
using Chan.Controls;

namespace MySite
{
    public class MyPage : Chan.Page
    {
        protected Chan.Controls.Form frm;
        protected Chan.Controls.Upload upl;
        protected Chan.Controls.Label lbl;
        
        public void Page_Load()
        {
           if( upl.State == Upload.UploadState.GotFile )
		   {
		     lbl.Text = "Thank You!";
			 MyDataLayer.SaveImageToDB( upl.FilePath );
			 upl.Clear( true );
		   }
		   else
		   if( upl.State == Upload.UploadState.InvalidExt )
		   {
		     lbl.Text = "We only accept JPG or PNG images.";
		   }
		   else
		   {
		     lbl.Text = "Select an Image";
		   }
        }
    }
}