How do I get a sample server api code?

[jaehyun]

In fileMmnager document

How do I get api code or spec url, getImageUrl, uploadUrl, downloadUrl?

private hostUrl: string = "https://ej2-aspcore-service.azurewebsites.net/"; public render(): JSX.Element { return( <div> <div className="control-section"> <FileManagerComponent id="overview_file" ajaxSettings = {{ url: this.hostUrl + "api/FileManager/FileOperations", getImageUrl: this.hostUrl + "api/FileManager/GetImage", uploadUrl: this.hostUrl + 'api/FileManager/Upload', downloadUrl: this.hostUrl + 'api/FileManager/Download' }} view={"Details"}>

Thank you for your help.

[Indhumathy Loganathan]

Hi Jaehyun, 

 

Thanks for contacting Syncfusion support.  

 

We have validated your requirement in FileManager component. We have the following file providers to perform file operations. 

 

1. ASP.NET Core file system provider
2. ASP.NET MVC 5 file system provider
3. ASP.NET Core Azure cloud file system Provider
4. ASP.NET MVC 5 Azure cloud file system Provider
5. ASP.NET Core Amazon S3 cloud file provider
6. ASP.NET MVC Amazon S3 cloud file provider
7. File Transfer Protocol file system provider
8. SQL database file system provider
9. NodeJS file system provider
10. Google Drive file system provider
11. Firebase Realtime Database file system provider
12. IBM Cloud Object Storage provider

 

You can refer our core file provider from the below link to know more about file operations. 

 

https://github.com/SyncfusionExamples/ej2-aspcore-file-provider 

 

We have prepared a simple FileManager sample with core file provider for your reference. 

 

Sample: https://stackblitz.com/edit/react-core-filemanager?file=index.js 

 

Service Provider: https://github.com/SyncfusionExamples/ej2-aspcore-file-provider 

 

Clone and run the service provider first, then map the url in the above react sample. 

 

this.hostUrl = "http://localhost:62869/"; 

 

  render() { 

    return ( 

      <div> 

        <div className="control-section"> 

          <FileManagerComponent 

            id="overview_file" 

            ajaxSettings={{ 

              url: this.hostUrl + "api/FileManager/FileOperations", 

             getImageUrl: this.hostUrl + "api/FileManager/GetImage", 

              uploadUrl: this.hostUrl + "api/FileManager/Upload", 

              downloadUrl: this.hostUrl + "api/FileManager/Download" 

            }}> 

 

Please refer to the below links to know more about FileManager component.  

  

Documentation: https://ej2.syncfusion.com/react/documentation/file-manager/getting-started/ 

  

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

  

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

  

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

  

Regards,  

Indhumathy L