SfFileManager - How to set the root folder on the fly?
17 Replies
Hi Shamir,
when ever I upload an image to wwwroot/files/ and insert it as a link or image in your richtext editor, the full URL path including my subroot folder is visible in the HTML code of the browser anyway. So I can't see the problem of setting the root folder in design/CRM mode of the application on the fly or your security concerns that you don't want to send a plain root path-string to the API over the wire. Who cares if the final website and all of its assets (pdf, jpg, vendor etc.) are visible from the front end, anyway?
Anyway, would you please (PLEASE!!!) be so nice and provide a working example. I haven't got it running so far using C#, your API and Blazor Server.
Sorry
Basically I need this to set a subdirectory within "wwwroot/uploads/:
<SfFileManager SetRootFolder="/b93f06db-1693-4060-8ad4-6e440b0ea369/"> <FileManagerAjaxSettings Url="/api/FileData/FileOperations" DownloadUrl="/api/FileData/Download" GetImageUrl="/api/FileData/GetImage" UploadUrl="/api/FileData/Upload"> FileManagerAjaxSettings> SfFileManager>
Cheers,
Volker
Volker
Hi Volker,
We have checked your query with FileManager component. You can modify the controller method to set the desired root path.
Steps to create a sample and set the root folder:
1. You can create sever side using this link.
2. Add the controllers folder and create a controller file inside the folder.
3. And then create a Models folder, add the base and physical file provider inside the folder.
4. In Startup.cs file, you need to map the controller. Refer the below code snippet.
|
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
app.UseEndpoints(endpoints =>
{
endpoints.MapControllers();
endpoints.MapBlazorHub();
endpoints.MapFallbackToPage("/_Host");
});
} |
5. You need to set the root path inside the controller side. Refer the below code snippet.
|
public class DefaultController : Controller
{
public PhysicalFileProvider operation;
public string basePath;
string root = "wwwroot\\Files\\Uploads";
[Obsolete]
public DefaultController(IHostingEnvironment hostingEnvironment)
{
this.basePath = hostingEnvironment.ContentRootPath;
this.operation = new PhysicalFileProvider();
this.operation.RootFolder(this.basePath + "\\" + this.root);
}
} |
6. After setting the root path, it displays only the folder inside the uploads. Refer the below screenshot.
Refer the sample link below.
Please let us know, if you need any further assistance.
Regards,
Sowmiya.P
Hi Sowmiya,
Attachment: SetRootFolder_ab452b9f.zip
thank you so much. That worked!
fyi, I made same minor changes to meet the desired requirements
1) in the controller
public class myFileManagerDirectoryContent : FileManagerDirectoryContent { public string FilePath { get; set; } } [Route("api/[controller]")] public class DefaultController : Controller { ... private const string BASEFOLDER = "wwwroot\\Files\\Uploads\\"; [Route("FileOperations")] public object FileOperations([FromBody] myFileManagerDirectoryContent args) { // Store the root path in session. HttpContext.Session.SetString("RootPath", BASEFOLDER + args.FilePath); var rootpath = HttpContext.Session.GetString("RootPath"); this.operation.RootFolder(this.basePath + "\\" + rootpath);
2) in the component
So here we go:
One last question:
Is it possible to open all subfolders within navigation pane on inital load?
One last wish:
Volker
<SfFileManager RootAliasName="Your Project"> <FileManagerEvents OnSend="@(args => Send(args,"b93f06ab-1693-4060-88d4-6e440b0ea369"))">FileManagerEvents> <FileManagerAjaxSettings Url="/api/Default/FileOperations" GetImageUrl="/api/Default/GetImage" UploadUrl="/api/Default/Upload" DownloadUrl="/api/Default/Download"> FileManagerAjaxSettings> SfFileManager> @code { public void Send(BeforeSendEventArgs args, string Rootpath) { string AjaxSettingsString = JsonConvert.SerializeObject(args.AjaxSettings); Dictionary<string, dynamic> AjaxSettings = JsonConvert.DeserializeObject<Dictionary<string, dynamic>>(AjaxSettingsString); string dataString = AjaxSettings["data"]; Dictionary<string, dynamic> data = JsonConvert.DeserializeObject<Dictionary<string, dynamic>>(dataString); data.Add("FilePath", Rootpath); string modifiedDataString = JsonConvert.SerializeObject(data); AjaxSettings["data"] = modifiedDataString; string returnString = JsonConvert.SerializeObject(AjaxSettings); args.AjaxSettings = JsonConvert.DeserializeObject<object>(returnString); } }
So here we go:
One last question:
Is it possible to open all subfolders within navigation pane on inital load?
One last wish:
Maybe you consider to add SetRootFolder as a property in a future release, cause using sessions in a sessionless concept (Blazor) is not the best way to get things done ;-)
Cheers,Volker
Attachment: SetRootFolder_ab452b9f.zip
SIGN IN To post a reply.
