diff --git a/ej2-asp-core-mvc/file-manager/images/filemanager-fileupload.png b/ej2-asp-core-mvc/file-manager/images/filemanager-fileupload.png new file mode 100644 index 0000000000..b5d21a7fd9 Binary files /dev/null and b/ej2-asp-core-mvc/file-manager/images/filemanager-fileupload.png differ diff --git a/ej2-asp-core-mvc/file-manager/images/filemanager-folderupload.png b/ej2-asp-core-mvc/file-manager/images/filemanager-folderupload.png new file mode 100644 index 0000000000..16b7d65689 Binary files /dev/null and b/ej2-asp-core-mvc/file-manager/images/filemanager-folderupload.png differ diff --git a/ej2-asp-core-mvc/file-manager/images/filemanager-sequentialupload.png b/ej2-asp-core-mvc/file-manager/images/filemanager-sequentialupload.png new file mode 100644 index 0000000000..354559b8fa Binary files /dev/null and b/ej2-asp-core-mvc/file-manager/images/filemanager-sequentialupload.png differ diff --git a/ej2-asp-core-mvc/file-manager/upload.md b/ej2-asp-core-mvc/file-manager/upload.md index ef742bff3d..2baa18ce47 100644 --- a/ej2-asp-core-mvc/file-manager/upload.md +++ b/ej2-asp-core-mvc/file-manager/upload.md @@ -24,9 +24,23 @@ When set to `true`, this property enables directory upload in the File Manager, To learn more about the folder upload actions, refer to this [link](https://ej2.syncfusion.com/aspnetcore/documentation/file-manager/file-operations#folder-upload-support) +## Sequential Upload + +The `sequentialUpload` property controls whether users can upload files one by one in a sequential manner in the Syncfusion File Manager control. + +To enable sequential upload, set the `sequentialUpload` property to `true` in the `uploadSettings` configuration. + +When set to `true`, the selected files will process sequentially (one after the other) to the server. If the file uploaded successfully or failed, the next file will upload automatically in this sequential upload. This feature helps to reduce the upload traffic and reduce the failure of file upload. + +The screenshot below shows that each file begins uploading only after the previous one completes. This demonstrates how the `sequentialUpload` property works in the File Manager control. + +![File Manager with sequentialUpload](./images/filemanager-sequentialupload.png) + +To learn more about the folder upload actions, refer to this [link](https://ej2.syncfusion.com/aspnetcore/documentation/file-manager/file-operations#folder-upload-support) + ## Chunk Upload -The [chunkSize](https://ej2.syncfusion.com/documentation/api/file-manager/uploadSettingsModel/#chunksize) property specifies the size of each chunk when uploading large files. It divides the file into smaller parts, which are uploaded sequentially to the server. +The [chunkSize](https://ej2.syncfusion.com/documentation/api/file-manager/uploadsettingsmodel#chunksize) property specifies the size of each chunk when uploading large files. It divides the file into smaller parts, which are uploaded sequentially to the server. This property allows you to enable chunked uploads for large files by specifying a `chunkSize`. @@ -43,19 +57,19 @@ With chunk upload, the pause and resume options give users enhanced control over ## Auto Upload -The [autoUpload](https://ej2.syncfusion.com/documentation/api/file-manager/uploadSettingsModel/#autoupload) property controls whether files are automatically uploaded when they are added to the upload queue in the File Manager control. +The [autoUpload](https://ej2.syncfusion.com/documentation/api/file-manager/uploadsettingsmodel#autoupload) property controls whether files are automatically uploaded when they are added to the upload queue in the File Manager control. The default value is `true`, the File Manager will automatically upload files as soon as they are added to the upload queue. If set to `false`, the files will not be uploaded automatically, giving you the chance to manipulate the files before uploading them to the server. ## Auto Close -The [autoClose](https://ej2.syncfusion.com/documentation/api/file-manager/uploadSettingsModel/#autoclose) property controls whether the upload dialog automatically closes after all the files have been uploaded. +The [autoClose](https://ej2.syncfusion.com/documentation/api/file-manager/uploadsettingsmodel#autoclose) property controls whether the upload dialog automatically closes after all the files have been uploaded. The default value is set to `false`. When set to this value, the upload dialog remains open even after the upload process is complete. If `autoClose` set to `true`, the upload dialog will automatically close after all the files in the upload queue are uploaded. ## Prevent upload based on file extensions -The [allowedExtensions](https://ej2.syncfusion.com/documentation/api/file-manager/uploadSettingsModel/#allowedextensions) property specifies which file types are allowed for upload in the File Manager control by defining their extensions. +The [allowedExtensions](https://ej2.syncfusion.com/documentation/api/file-manager/uploadsettingsmodel#allowedextensions) property specifies which file types are allowed for upload in the File Manager control by defining their extensions. This property lets you define which file types can be uploaded by specifying allowed extensions, separated by commas. For example, to allow only image files, you would set the `allowedExtensions` property to .jpg,.png. diff --git a/ej2-asp-core-mvc/file-manager/user-interface.md b/ej2-asp-core-mvc/file-manager/user-interface.md index 4932580680..987ae75a7a 100644 --- a/ej2-asp-core-mvc/file-manager/user-interface.md +++ b/ej2-asp-core-mvc/file-manager/user-interface.md @@ -35,7 +35,7 @@ The `Toolbar` provides easy access to the file operations using different button If the toolbar items exceed the size of the toolbar, the excess items will be moved to a toolbar popup with a dropdown button at the end of the toolbar. -*Refer [Toolbar](./file-operations/#toolbar) section in file operations to know more about the buttons present in toolbar*. +*Refer [Toolbar](./file-operations#toolbar) section in file operations to know more about the buttons present in toolbar*. ![Toolbar](./images/toolbar.png) @@ -83,6 +83,14 @@ The context menu appears on user interaction such as right-click. The File Manag Context menu can be customized using the [`contextMenuSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.FileManager.FileManagerContextMenuSettings.html), [`menuOpen`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.FileManager.FileManager.html#Syncfusion_EJ2_FileManager_FileManager_MenuOpen), and [`menuClick`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.FileManager.FileManager.html#Syncfusion_EJ2_FileManager_FileManager_MenuClose) events. -*Refer [Context Menu](./file-operations/#context-menu) section in file operations to know more about the menu items present in context menu*. +*Refer [Context Menu](./file-operations#context-menu) section in file operations to know more about the menu items present in context menu*. -![Context Menu](./images/contextmenu.png) \ No newline at end of file +![Context Menu](./images/contextmenu.png) + +### Upload Files or Folders via context menu + +File Manager control allows to perform the files or folder [upload](https://ej2.syncfusion.com/aspnetcore/documentation/file-manager/file-operations#upload) operations with the help of Context Menu items by switching between the Files or Folder from Upload menu item. + +![Uploading a file](./images/filemanager-fileupload.png) + +![Uploading a folder](./images/filemanager-folderupload.png) \ No newline at end of file