Hi..
When I upload file using kendo upload, it will hit the error event with response message "An asynchronous module or handler completed while an asynchronous operation was still pending.", but the file is successfully uploaded.
This only happen on the first time, subsequently is not getting the error anymore.
$("#files").kendoUpload({
async: {
saveUrl: "upload.aspx",
removeUrl: "remove",
autoUpload: true,
allowmultiple: true,
batch: true
},
localization: {
select: "Select Files"
},
complete: onComplete,
error: function (e) {
console.log(e);
},
select: function (e) {
},
dropZone: "#dropZoneElement",
showFileList: false
});
I have a requirement that each file should be assigned to a category. We also need to support multiple files upload. Is this possible using the kendo upload?
I know that I can add extra data but that is for the whole upload and not for each file
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.