Hello, I'm currently working on a project for my company and ive encountered a problem. I dont know why I cant download the file attachment. ive attached a jpg file of the screenshot for you to see. There is a file attachment named sad kermit(2).jpg and a message in the console in the screenshot
This is my kendo form code in view.
$("#form").kendoForm({
validatable: { validationSummary: true },
orientation: "horizontal",
formData: {
ID: "@Model.ID",
IssueNumber: "@Model.ISSUE_NUM",
Title: "@Model.TITLE",
Environment: "@Model.ENVIRONMENT",
Application: "@Model.APPLICATION",
Module: "@Model.MODULE",
Priority: "@Model.PRIORITY",
Status: "@Model.STATUS",
FID: "@Model.FID",
Jobname: "@Model.JOBNAME",
Username: "@Model.USERNAME",
MantisNumber: "@Model.MANTIS_NO",
ModifiedBy: "@ViewBag.User_Name",
Upload: "",
ModifiedDate: "@Model.MODIFIED_DATE",
Description: "@Model.DESCRIPTION",
IssueType: "@Model.ISSUE_TYPE",
IssueCategory: "@Model.ISSUE_CATEGORY",
IssueResolution: "@Model.ISSUE_RESOLUTION",
Remarks: "@Model.REMARKS",
AssignedTo: "@Model.ASSIGNED_TO",
CreatedBy: "@ViewBag.User_Name"
},
items: [{
type: "group",
label: "Edit Issue Details",
items: [
...,
...,
...,
...,
...,
...,
...,
...,
...,
...,
...,
{
field: "Upload",
label: "Upload File:",
editor: function (container, options) {
$("<input name='files' id='files' type='file' aria-label='files' />").appendTo(container).kendoUpload({
async: {
saveUrl: '@Url.Action("UploadFiles", "Issue")',
removeUrl: '@Url.Action("RemoveFiles", "Issue")',
autoUpload: true
},
files: uploads
});
}
},
...,
...,
...,
...,
...,
...,
...,
...,
]
}],
submit: function (ev)...
});
this is the code I use to try to download the file attachment in the same view but it isnt working I guess
$(".k-file").click(function (e) {
var filename = $(this).find(".k-file-name").html();
$.ajax({
type: "POST",
data: { "name": filename },
url: "/Issue/DownloadFile",
success: function (res) {
if (res.Success) {
console.log(res.DownloadUrl);
window.open(res.DownloadUrl, '_blank');
}
}
});
});
[HttpPost]
public ActionResult DownloadFile(string name)
{
var folderName = Session["IssueNum"] as string;
string fileDirectory = Path.Combine(System.Web.HttpContext.Current.Request.PhysicalApplicationPath, "App_Data", folderName, name);
return Json(new
{
Success = true,
DownloadUrl = fileDirectory
}, JsonRequestBehavior.AllowGet);
}
<
script
src
=
"@Url.Content("
http://cdn.kendostatic.com/2013.3.1324/js/cultures/kendo.culture." + culture + ".min.js")"></
script
>
<
script
>
kendo.culture("@culture");
</
script
>
@Html.Kendo().Upload().Name("attachments").Events(events => events.Select("OnUploadSelect"))
I am trying to remove the default upload and clear button using mvvm ?
<input id="files" name="files"
type="file"
data-role="upload"
data-async="{ saveUrl: '@Url.Page("/FADT")?handler=FileUpload', autoUpload: false, multiple:false }"
data-bind="visible: isVisible,
enabled: isEnabled,
events: { select: onSelect, cancel: onCancel, complete: onComplete, success: onSuccess, upload: onUpload }">
how do I do that ? Can I use a template with MVVM if so how ?
I have a kendo upload on one of my forms. This upload button has the following async, multiselect, autoUpload = false, batch = true. The problem I am running into is if the user selects 5 files, but meant to only select 4, they click the remove icon for that row.
I am having issues removing that file from the file portion of the upload control. If I select 5 and then remove them all, the upload is still acting as if all 5 are there. kendoUpload.getFiles() is always showing me every file they selected.
Just be clear, I am trying to remove a file from memory before the user fully uploads them. The process is that they select the files, the files populate a grid, and then once the user is ready they click an 'upload' button that will fire off the server call. Prior to them clicking upload everything is client side.
Could you please help me to change the default design of kendo file upload.
I want to display my custom design on the web page for users. Also , I want to give both functionalities like below
---------------------------------------------------------
Drag and Drop File or Browse File
----------------------------------------------------------
How to add upload widget inside form widget.
Like the combobox in the sample of forms. I need to put upload file inside the form.
thanks.
Hi team,
In Kendo Upload, with the Default theme (LESS), the remove button (cross) for an uploaded file does not show its title when mousing over, see screenshot.
Seems the result of a bad pointer-events css.
Best regards,
Laurent.
I have a form that accepts text inputs and a file. The kendo upload component is async so I can take advantage of the drag and drop feature. I want the user to be able to upload multiple files. When the user has finished filling out the form and selecting their files the user clicks a submit form button and the following should happen:
Here is a Dojo I started: https://dojo.telerik.com/@dojolee/EfiXIbeH
Hi all,
I want to separate file when i select multiple file at same time with synchronous mode?
And I use synchronous mode, drap drop file not working in IE?
Thanks for reply