We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Delving into the implementation of Angular File Manager using FTP as the file system provider

Hello, excellent SyncFusion community. First of all, I want to congratulate you on your fantastic work.


I'm new and testing your framework implementation in my Angular App.

Specifically, I'm testing the implementation of the File Manager, and I was already able to achieve the tutorial of getting started with...

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


Now I want to change that demo to my own host using the FTP protocol, but the documentation, even in the Angular section, is totally .Net. Even the example posted in that section is implemented in .Net.

https://ej2.syncfusion.com/angular/documentation/file-manager/file-system-provider/#file-transfer-protocol-file-system-provider


I can't find the SetFTPConnection method anywhere, not even in the FileManager that the tutorial says. I've already searched for it inside the npm package and found neither the FTPFileProvider mentioned in the example.


I am completely lost on how to proceed with the implementation in Angular,


Can someone please help me by guiding me on which way I should take to continue with my goal?


In advance, thank you very much for your support. I hope to be part of your community soon.


1 Reply 1 reply marked as answer

SS Sivakumar ShunmugaSundaram Syncfusion Team October 31, 2022 03:58 PM UTC

Hi BARRENECHEA,


Thanks for the valuable feedback.


As per the shared details, we understand that you need to implement the Angular FileManager component with the FTP protocol and facing an issue with SetFTPConnection from your side. We would like to let you know that in Angular, you can implement the FileManager component on the client side and you can use .NET for server-side operations. For getting file details on the client side, we need to map the provider URL in the FileManager ajax settings. In server-side operation, we have used SetFTPConnection in the .NET application.


Also, please follow the below steps to use the FTP service with File Manager.


Steps to configure FTP in File Manager:

  1. You can download the FTP service provider from the below given GitHub location.


GitHub Location: https://github.com/SyncfusionExamples/ftp-aspcore-file-provider


  1. Open the FTPFileProvider and register the FTP details like hostName, userName, and password details in the SetFTPConnection method to perform the file operations.


//Specify the FTP hostname, username and password

this.operation.SetFTPConnection(ftp://xxxxx/, "xxxx", "xxxx");


Note: After the service is launched on your machine, you need to refer to that URL in your Angular sample.


Also, we have attached the exact location of the SetFTPConnection method in our service provider for your reference.


https://github.com/SyncfusionExamples/ftp-aspcore-file-provider/blob/master/Controllers/FTPProviderController.cs#L26


Please check the shared details and confirm whether the shared details will help to achieve your exact requirement with the FileManager component. If we have misunderstood, please share some additional details regarding the exact requirement with the FileManager component from your side. It will help us to provide a prompt solution.


Regards,

Sivakumar S


Marked as answer
Loader.
Live Chat Icon For mobile
Up arrow icon