LogoLogo
HomeNewsSupportVideos
  • Introduction
  • Getting Started
  • What's new in 4.0
    • Known Issues
    • .NET Core Designer
    • Managed Graphics
    • Fluent Markup
    • Markdown Support
    • Upgrade from 3.x
  • Releases
    • What's new in 4.0
    • What's new in 3.5
    • What's new in 3.2
      • View Builder
      • Validation Rules
      • Enhanced Font Support
      • Design-Time Debug
    • What's new in 3.1
    • What's new in 3.0
      • FAQs
      • Update Existing Projects
      • Multi Targeting
      • Visual Studio Designer
      • Referencing Assemblies
      • Docker Support
      • Troubleshooting
      • Deployment
    • What's new in 2.5
    • What's new in 2.2
    • What's new in 2.1
    • What's new in 2.0
    • Upgrade from 1.x
  • Getting Started
    • New Project
    • Templates
    • Troubleshooting
    • License Activation
    • FAQ
    • API
    • Hybrid
    • Deployment
    • Theme Builder
  • Concepts
    • Startup
    • Configuration
    • Load Balancing
    • Designer
    • Layouts
    • Client Profiles
    • Tab Order
    • Compression
    • Embedded Resources
    • Modal Workflow
    • Localization
    • RightToLeft
    • Background Tasks
    • Real Time Web Applications
    • JavaScript
    • JavaScript Object Model
    • Security
    • Synchronization
    • Session Management
    • Theming
    • Dependency Injection
    • Application Switches
    • Visual Studio Code
  • Controls & Components
    • General
      • Application
      • AutoSizing
      • AutoScroll
      • AutoScaling
      • Accessibility
      • Colors & Fonts
      • Embedded Tools
      • Events
      • Touch Events
      • Images
      • Labels
      • ToolTips
      • Data Binding
      • Common Properties
      • Custom Painting
      • Move & Resize
      • Drag & Drop
      • Validation
      • User Data
      • Responsive Properties
      • VB.NET Extensions
    • Common Dialogs
      • FolderBrowserDialog
      • ColorDialog
      • OpenFileDialog
      • SaveFileDialog
    • Editors
      • TextBox
        • TagTextBox
        • MaskedTextBox
        • TypedTextBox
      • DateTimePicker
      • MonthCalendar
      • TimeUpDown
      • DomainUpDown
      • NumericUpDown
      • TrackBar
    • Buttons
      • Button
      • SplitButton
      • CheckBox
      • RadioButton
    • Containers
      • Page
      • Form
      • Desktop
      • Panel
      • FlexLayoutPanel
      • FlowLayoutPanel
      • TableLayoutPanel
      • GroupBox
      • Accordion
      • TabControl
      • UserPopup
      • UserControl
      • ToolBar
      • StatusBar
      • SplitContainer
      • SlideBar
    • Lists & Grids
      • ComboBox
        • UserComboBox
        • TreeViewComboBox
        • ListViewComboBox
      • ListBox
        • CheckedListBox
      • TreeView
      • ListView
      • DataGridView
        • Column
        • TextBoxColumn
        • ButtonColumn
        • LinkColumn
        • ImageColumn
        • MaskedTextBoxColumn
        • DateTimePickerColumn
        • NumericUpDownColumn
        • CheckBoxColumn
        • ComboBoxColumn
      • DataRepeater
      • PropertyGrid
    • Extenders
      • Animation
      • ToolTip
      • ErrorProvider
      • Rotation
      • StyleSheet
      • JavaScript
    • Media
      • Audio
      • Video
      • FlashPlayer
    • Content
      • Label
      • LinkLabel
      • PictureBox
      • ScrollBars
      • Upload
      • AspNetPanel
      • ImageList
      • PdfViewer
      • ProgressBar
      • Spacer
      • Widget
      • WebBrowser
      • IFramePanel
      • HtmlPanel
      • Canvas
      • Shape
      • Line
    • Menus
      • MainMenu
      • MenuBar
      • MenuItem
      • LinkMenuItem
      • ContextMenu
    • Notifications
      • AlertBox
      • MessageBox
      • Toast
    • Other Components
      • Timer
      • BindingSource
      • BindingNavigator
      • DataSet
      • EventLog
      • MessageQueue
      • PerformanceCounter
Powered by GitBook
On this page
  • Features
  • Capture Mode
  • Filter File Types
  • Multiple File Selection
  • How To
  • Customize the Appearance
  • Advanced
  • JavaScript Widget

Was this helpful?

Export as PDF
  1. Controls & Components
  2. Content

Upload

Represent an upload widget. Allows users to selected one or more files and upload them to the server.

PreviousScrollBarsNextAspNetPanel

Last updated 2 months ago

Was this helpful?

The Upload control allows users to select files from their local machine and upload them to the server. The files are available in the Uploaded event as a HttpFileCollection.

For a full list of properties, methods and events see the

Features

Capture Mode

The CaptureMode property contains several configuration options for defining the type of user input:

  • Default: The default upload configuration.

  • User: Specifies that the upload operation should show a user-facing camera and microphone.

  • Environment: Specifies that the upload operation should show an environment-facing camera and microphone.

The CaptureMode property works better on mobile devices; if your device is a desktop computer, you'll likely get a typical file picker.

Filter File Types

The AllowedFileTypes property of the Upload control specifies the required media types for file selection.

Some examples include:

  • audio/*: Meaning "any audio file"

  • video/*: Meaning "any video file"

  • image/*: Meaning "any image file"

The property takes its value as a string containing one or more unique file type specifiers, separated by commas.

Multiple File Selection

When the AllowMultipleFiles property is set to true, more than one file can be selected for upload.

How To

Customize the Appearance

The Upload control can be customized using the AppearanceKey, Font, and Color properties.

Appearance Key

The Upload control can be customized to show any predefined theme appearance by setting the AppearanceKey property.

Font

Like most other controls in Wisej.NET, the Upload control has a Font property that allows for customization of the size, features, and style of font.

Color Properties

The Upload control has a ForeColor and BackColor property that can specify the color for the text and container, respectively.

Advanced

JavaScript Widget

Item
Description

Class name

"wisej.web.Upload"

Theme appearance

Child components

"button" is the upload button. "textfield" is the section of the control that holds the file names.

Source code

"upload", see .

Themes
https://github.com/iceteagroup/wisej-js
API documentation.
Upload control showing capture mode options
Upload control with AllowedFileTypes set to image/* showing file type filtering
Upload control demonstrating multiple file selection capability
Upload control showing custom font settings
Upload control demonstrating color customization options