Customise Image Source on beforeGetImage

[Malcolm van Staden]

Hi,

Is there a way to modify the image source when an image is loaded in the file explorer?

We tried the following, but this did change the image source.

    beforeGetImage: function beforeGetImage(args) {

        var file = args.selectedItems[0];

        args.path = '/Images/GetImage?folderId=' + file.folderSettingId + "&id=" + file.folderId + "&fileId=" + file.id;

    }

Please advise.

Thank you

[Muthukrishnan Kandasamy]

 

Hi Malcolm, 

 

Thanks for contacting Syncfusion support. 

 

We have validated your requirement in EJ File Explorer control. We can change the image source by using ajaxSettings property. Please refer to the below code block. 

 

$("#fileExplorer").ejFileExplorer({ 

                isResponsive: true, 

                width: "100%", 

                minWidth: "150px", 

                fileTypes: "*.png, *.gif, *.jpg, *.jpeg, *.docx", 

                layout: "tile", 

                path: "https://js.syncfusion.com/demos/ejServices/Content/FileBrowser/", 

                ajaxAction: localServ, 

                ajaxDataType: ajaxDataType, 

              ajaxSettings: {  

                    getImage: { 

                      url: "https://js.syncfusion.com/demos/ejServices/Content/FileBrowser/Employees/2.png"  

                    }  

                } 

            }); 

 

Please refer to the below link for the sample. 

 

https://jsplayground.syncfusion.com/5d4pfxy1 

 

Please refer to the below forums the similar problem discussed. 

 

https://www.syncfusion.com/forums/139718/alias-for-image-path 

 

https://www.syncfusion.com/forums/125253/how-can-i-post-with-my-parameter-when-i-click-the-left-directory 

 

Description	Link
Getting started	https://help.syncfusion.com/js/fileexplorer/getting-started
Behaviors	https://help.syncfusion.com/js/fileexplorer/behavior-settings
File actions	https://help.syncfusion.com/js/fileexplorer/file-actions
How-to	https://help.syncfusion.com/js/fileexplorer/how-to
API reference	https://help.syncfusion.com/api/js/ejfileexplorer

 

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

 

Regards, 

Muthukrishnan K