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.
|
<ejs-filemanager #filemanager id='overview' [ajaxSettings]='ajaxSettings' (beforeSend)="beforeSend($event)" [view]='view' (toolbarClick)='toolbarClick($event)' (menuClick)='menuClick($event)'>
</ejs-filemanager>
beforeSend(args: any) {
//Ajax beforeSend event
args.ajaxSettings.beforeSend = function (args) {
//Setting authorization header
args.httpRequest.setRequestHeader("Authorization", "Bearer-1233")
}
}
|
|
[Controller]
Route("Download")]
public IActionResult Download(string downloadInput)
{
// To expose content disposition header at client side.
Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition");
FileManagerDirectoryContent args = JsonConvert.DeserializeObject<FileManagerDirectoryContent>(downloadInput);
return operation.Download(args.Path, args.Names);
}
|
|
[TS]
public toolbarClick(args: any): void {
if (args.item.id === this.filemanagerObj.element.id + '_tb_download') {
//Preventing default download using toolbar
args.cancel = true;
this.customDownload([]);
}
}
public menuClick(args: any) {
if (args.item.id === this.filemanagerObj.element.id + '_cm_download') {
//Preventing default download using context menu
args.cancel = true;
this.customDownload(args.fileDetails);
}
}
public customDownload(files) {
var flag = (this.filemanagerObj.selectedItems.length !== 0);
if ((files.length !== 0) || flag) {
//Creating data for the controller
.....
.....
let fdata: FormData = new FormData();
fdata.append('downloadInput', JSON.stringify(data));
//Custom Header Added to XHR
xhr.setRequestHeader('Custom-Header', 'Syncfusion');
xhr.send(fdata);
}
}
|
|
beforeSend(args: any) {
var data = JSON.parse(args.ajaxSettings.data);
// Add custom parameter column
data["column"] = "value";
// Add custom parameter in ajax settings
args.ajaxSettings.data = JSON.stringify(data);
//Ajax beforeSend event
args.ajaxSettings.beforeSend = function (args) {
//Setting authorization header
args.httpRequest.setRequestHeader("Authorization", "Bearer-1233")
}
}
|
|
public class FileManagerDirectoryContent1
{
public string Action { get; set; }
public string Path { get; set; }
public FileManagerDirectoryContent TargetData { get; set; }
public AccessPermission Permission { get; set; }
public string column { get; set; }
} |
|
<ejs-filemanager
id="overview"
[ajaxSettings]="ajaxSettings"
(beforeImageLoad)="beforeImageLoad($event)"
[view]="view"
>
</ejs-filemanager>
beforeImageLoad(args) {
// Add custom parameter in image URL
args.imageUrl = args.imageUrl + "&custom_attribute=" + "Syncfusion";
} |
|
public class FileManagerDirectoryContent1
{
public string Name { get; set; }
public string custom_attribute { get; set; }
public string[] Names { get; set; }
}
[Route("GetImage")]
public IActionResult GetImage(FileManagerDirectoryContent1 args)
{
return this.operation.GetImage(args.Path, args.Id,false,null, null);
} |
We have implemented customdownload() function in react and now we are able to pass the keycloak username and token to download api in file manager. But the downloaded file is of 'file' type instead of original file type. For eg: if we download word document, downloaded file is of 'file' type instead of '.doc' and we have to open it using ms word only. Also, the name of the file is also changed.
