File manager displaying Illustrator, Photoshop images and adding tags

[Fola Yahaya]

Hi

Is it possible to display Illustrator, Photoshop images and add tags to search

We're trying to see if we can use the file manager component as an asset management system

Cheers

[Sharon Sanchez Selvaraj]

Hi Fola, 

 

Thanks for contacting Syncfusion Support. 

 

Yes. The given scenario “Is it possible to display Illustrator, Photoshop images and add tags to search” is possible. 

 

In the below sample, we have provided an example to obtain the filter results with a button click. 

 

In FileManager component, we have filterFiles() public method. Using this method, you can perform search operations based on your requirement and pass the searchString as parameter. Refer to the below code snippet.  

 

 filter(): void { 

    let obj = { searchString: "1.png" }; 

    this.fileInstance.filterFiles(obj); 

  } 

 

In your controller part, you can perform the search operations as shown below.  

 

public object FileOperations([FromBody] FileManagerDirectoryContent args)  

{  

  switch (args.Action)  

     {         

      case "filter":  

          if (args.SearchString == "")  

           {  

           // Perform read operation while search string is empty.  

            return this.operation.ToCamelCase(this.operation.GetFiles(args.Path, args.ShowHiddenItems));      

            }  

           else  

            {  

            // Perform Search operation while serach string has value.  

            args.SearchString = args.SearchString + "*";  

            return this.operation.ToCamelCase(this.operation.Search(args.Path, args.SearchString, args.ShowHiddenItems, args.CaseSensitive));  

             }              

      }  

    return null;  

}  

 

 

 

For your reference, we have prepared a sample.  

  

Service Link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/search_operations489471437.zip 

  

Sample Link: https://stackblitz.com/edit/filemanager-searchbox-wnuegy?file=app.component.ts 

  

Note: Run the file manager service application and refer the local hostURL in FileManager sample.  

 

Demo: https://ej2.syncfusion.com/angular/demos/#/material/file-manager/overview 

 

Documentation: https://ej2.syncfusion.com/angular/documentation/file-manager/  

                                                                                                                                         

API: https://ej2.syncfusion.com/angular/documentation/api/file-manager/ 

   

Please let us know, if you need any further assistance.  

  

Regards, 

 

Sharon Sanchez S.