JavaScript/jQuery FileManager Interfaces

This section describes interfaces that the FileManager component uses.

FileSystemError

An object that contains information about the error.

import FileSystemError from "devextreme/file_management/error"

index.js
  • const objectProvider = new DevExpress.fileManagement.ObjectFileSystemProvider({ data: fileSystem });
  • const keepExtensionsProvider = new DevExpress.fileManagement.CustomFileSystemProvider({
  • getItems: function(item) {
  • return objectProvider.getItems(item);
  • },
  • renameItem: function(item, newName) {
  • return new Promise((resolve, reject) => {
  • if(item.getFileExtension() !== getExtension(newName)) {
  • // 1 - reject
  • reject(new DevExpress.fileManagement.FileSystemError(5, item, "You cannot change the file extension."));
  • // 2 - throw
  • // throw new DevExpress.fileManagement.FileSystemError(5, item, "You cannot change the file extension.");
  • } else {
  • resolve(objectProvider.renameItem(item, newName));
  • }
  • });
  • }
  • });
  • const getExtension = function(path) {
  • const index = path.lastIndexOf(".");
  • return index !== -1 ? path.substr(index) : "";
  • }
  •  
  • $("#file-manager").dxFileManager({
  • fileSystemProvider: keepExtensionsProvider,
  • permissions: { rename: true }
  • });

FileSystemItem

An object that provides information about a file system item (file or directory) in the FileManager UI component.

import FileSystemItem from "devextreme/file_management/file_system_item"

UploadInfo

An object that provides information about the file upload session.

import UploadInfo from "devextreme/file_management/upload_info"