1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. File Manager Doesnt Work On RTE

File Manager Doesnt Work On RTE

Hey, I'm using Static Files like that: 

var fileProvider = new PhysicalFileProvider(StaticFolderExtension.STATIC_FILES_PATH);
var requestPath = "/content";
app.UseStaticFiles(new StaticFileOptions
{
FileProvider = fileProvider,
RequestPath = requestPath
});
////////

And I want to manage this static files with file manager on RTE. My cshtml file is like that :

<div class="form-group my-3 mx-3">
    <label asp-for="BlogContent">İçerik</label>
    <ejs-richtexteditor id="editor" name="BlogContent" imageUploadSuccess="onImageUploadSuccess" shiftEnterKey="BR" enterKey="DIV">
        <e-richtexteditor-toolbarsettings items="@HtmlHelper.TextEditorItems"></e-richtexteditor-toolbarsettings>
        <e-richtexteditor-insertimagesettings
            saveUrl="@Url.Action("SaveImage", "Blog", new { area = "Admin" })"
            path="/content/blog-images/"
            allowedExtensions=".jpg,.jpeg,.png,.gif">
        </e-richtexteditor-insertimagesettings>
        <e-richtexteditor-filemanagersettings enable="true" path="~/content/blog-images" ajaxSettings="@ViewBag.ajaxSettings"></e-richtexteditor-filemanagersettings>
    </ejs-richtexteditor>
</div>
////

And My Controller file is like that : 

ViewBag.ajaxSettings = new
{
    url = Url.Action("GetFiles", "Blog", new { area = "Admin" }),
    uploadUrl = Url.Action("UploadToFileManager", "Blog", new { area = "Admin" }),
};
[HttpPost]
public IActionResult UploadToFileManager(IFormCollection files)
{
    if (files.Files.Count > 0)
    {
        var file = files.Files[0];
        var uniqueFileName = $"{file.FileName}___{Guid.NewGuid()}";
        var filePath = Path.Combine(StaticFolderExtension.BLOG_IMAGES_PATH, uniqueFileName);
        using (var stream = new FileStream(filePath, FileMode.Create))
        {
            file.CopyTo(stream);
        }

        return Json(new { success = true, path = $"~/content/blog-images/{uniqueFileName}" });
    }
    return Json(new { success = false });
}

[HttpGet]
public IActionResult GetFiles()
{
    var files = Directory.GetFiles(StaticFolderExtension.BLOG_IMAGES_PATH)
        .Select(file => new
        {
            name = Path.GetFileName(file),
            path = $"~/content/blog-images/{Path.GetFileName(file)}"
        })
        .ToList();

    return Json(files);
}

/////

This is not working.  when i click the file manager icon on RTE I'm getting "Cannot load empty data within the File Manager" error. When I try to Refresh it, It write an error to console : " Uncaught TypeError: Cannot read properties of undefined (reading 'replace') at Fe.<anonymous> () at Fe.notify () at Yt.trigger () at uZe () at ZJe () at e5e () at Fe.<anonymous> () at Fe.notify () at Yt.trigger () at l$e.onClicked ()"


////


Can you help me on this problem ? Thanks.



1 Reply
VY Vinothkumar Yuvaraj Syncfusion Team December 14, 2024 03:37 AM UTC

Hi Mertcan Disli,


We have reviewed your reported issue, and it appears that you are looking for File Operations and Upload functionalities on the server side. Based on the code you shared, we identified that you are using the Physical File Provider and have attempted to create custom Upload and GetFiles functions on the server side.

We would like to inform you that we already provide a pre-defined Physical File Provider that includes built-in endpoints such as FileOperations, Upload and GetImage each offering the corresponding functionality. We recommend using the attached server-side GitHub sample as a reference for your implementation.


Documentation: File Manager File System Provider Documentation 

Server-side sample: GitHub Server-side Sample 

Server-side endpoint: FileManagerController.cs

Video: 



Note: Please ensure to run the GitHub server-side sample before running the client-side sample.


Please get back to us if you have any concerns or questions.

Regards,
Vinothkumar


Attachment: WebApplication1_1c9516fa_872b7a73.zip

Loader.
Up arrow icon