I'm using kendoUpload control to upload the file. Everything works fine and fires success callback in IE10, Chrome and FF but as soon as I switch to IE8 and IE9 the browser freezes but the file is uploaded successfully and the success callback doesnt fire.
Please help. Thanks in advance.
Code:
================
HTML
<div class="box-col" style="width: auto;">
<input id="files"
name="files"
type="file"
data-role="upload"
data-async="{ saveUrl: 'url/api/MyClass/UploadFiles', removeUrl: 'remove', autoUpload: true }"
data-localization="{select: 'Browse...'}"
data-bind="visible: isVisible,
enabled: enableFileUpload,
events: {
select: documentFilename_OnSelected,
success: upload_onSuccess,
error: upload_onError
}"
style="width:inherit;">
</div>
===========================================
JS:
var docLibItemKendoVM = kendo.observable({
upload_onSuccess: function (e) {
console.log('success');
},
upload_onError: function (e) {
console.log('error')
},
documentFilename_OnSelected: function (e) {
console.log('selected');
}
});
===================================================*/
WebAPI
[Route("UploadFiles/{folderId}/{childId}")]
public async Task<JObject> PostUploadFiles(string folderId, int childId)
{
if (Request.Content.IsMimeMultipartContent())
{
JObject retVal;
try
{
retVal = JObject.FromObject(new
{
fileName = "Sample Name",
fullFileName = "Sample Path"
});
return await Task.FromResult<JObject>(retVal);
}
catch (Exception ex)
{
retVal = JObject.FromObject(new
{
errorDetail = ex.Message
});
throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.InternalServerError, retVal));
}
}
else
{
throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.NotAcceptable, "Invalid Request!"));
}
}
Please help. Thanks in advance.
Code:
================
HTML
<div class="box-col" style="width: auto;">
<input id="files"
name="files"
type="file"
data-role="upload"
data-async="{ saveUrl: 'url/api/MyClass/UploadFiles', removeUrl: 'remove', autoUpload: true }"
data-localization="{select: 'Browse...'}"
data-bind="visible: isVisible,
enabled: enableFileUpload,
events: {
select: documentFilename_OnSelected,
success: upload_onSuccess,
error: upload_onError
}"
style="width:inherit;">
</div>
===========================================
JS:
var docLibItemKendoVM = kendo.observable({
upload_onSuccess: function (e) {
console.log('success');
},
upload_onError: function (e) {
console.log('error')
},
documentFilename_OnSelected: function (e) {
console.log('selected');
}
});
===================================================*/
WebAPI
[Route("UploadFiles/{folderId}/{childId}")]
public async Task<JObject> PostUploadFiles(string folderId, int childId)
{
if (Request.Content.IsMimeMultipartContent())
{
JObject retVal;
try
{
retVal = JObject.FromObject(new
{
fileName = "Sample Name",
fullFileName = "Sample Path"
});
return await Task.FromResult<JObject>(retVal);
}
catch (Exception ex)
{
retVal = JObject.FromObject(new
{
errorDetail = ex.Message
});
throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.InternalServerError, retVal));
}
}
else
{
throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.NotAcceptable, "Invalid Request!"));
}
}