Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FileUploader: update Overview #7102

Open
wants to merge 2 commits into
base: 24_2
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
272 changes: 0 additions & 272 deletions concepts/05 UI Components/FileUploader/00 Overview.md

This file was deleted.

Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
FileUploader is a UI component that allows users upload files to the server. Users can either select files in the file explorer or drag and drop them onto the FileUploader area on the page.

In this overview, you can find a map of FileUploader elements, information about key features, and what to explore next.
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<img src="/images/FileUploader/file-uploader-elements.png" alt="FileUploader elements"/>

1. [An element that opens the upload dialog](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#dialogTrigger)
2. [Drop zone](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#dropZone)
3. [Allowed file extensions](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#allowedFileExtensions)
4. [Maximum file size](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#maxFileSize)

*Points 3 and 4 are simply a visual representation of the linked properties.*
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
- **Uploading Options**
[Upload](/Documentation/Guide/UI_Components/FileUploader/Upload_Files/Client-Side_Settings/) files instantly or confirm upload with built-in buttons. Upload files [in chunks](/Documentation/Guide/UI_Components/FileUploader/Upload_Files/Client-Side_Settings/#Chunk_Upload) (requires [server-side setup](https://demos.devexpress.com/ASPNetMvc/Demo/FileUploader/ChunkUploading)) or when an [HTML form is submitted](/Documentation/Guide/UI_Components/FileUploader/Upload_Files/Client-Side_Settings/#Upload_Mode).

- **File Restrictions**
[Restrict](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#accept) types of files and specify[allowed file extensions](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#allowedFileExtensions). Set [maximum](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#maxFileSize)/[minimum](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#minFileSize) file size. Allow users to select either one file or [multiple](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#multiple) files at a time.

- **Validation**
All DevExtreme component [validation](/Documentation/Guide/UI_Components/FileUploader/File_Validation/) options are available for FileUploader. Configure [validation errors](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#validationErrors) and check if FileUploader [is dirty](/Documentation/ApiReference/UI_Components/dxFileUploader/Configuration/#isDirty). Files are validated on the client, but [server-side validation](https://demos.devexpress.com/ASPNetMvc/Demo/FileUploader/Validation/) is also necessary.
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
- [API](/api-reference/10%20UI%20Components/dxFileUploader '/Documentation/ApiReference/UI_Components/dxFileUploader/')

- [Demos](https://js.devexpress.com/Demos/WidgetsGallery/Demo/FileUploader/FileSelection/)
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,6 @@ The following examples show how to configure the FileUploader for each upload mo
components: {
DxFileUploader
},

data() {
return {
//...
Expand Down Expand Up @@ -237,7 +236,6 @@ The following examples show how to configure the FileUploader for each upload mo
components: {
DxFileUploader
},

data() {
return {
//...
Expand Down
Binary file added images/FileUploader/file-uploader-elements.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading