I have a kendo uploader that I have created in Jquery
HTML:
<div id="example" class="k-content">
<input type="file" name="files" id="files" />
</div>
Jquery:
<script id="fileTemplate" type="text/x-kendo-template">
<span class='k-progress'></span>
<div class='file-wrapper'>
<h4 class='file-heading file-name-heading'>Name: #=name#</h4>
<h4 class='file-heading file-size-heading'>Size: #=size# bytes</h4>
<button type='button' class='k-upload-action'></button>
</div>
</script>
<script>
$(document).ready(function () {
$("#files").kendoUpload({
multiple: true,
async: {
saveUrl: "NewFolder.aspx/UploadSubSRFiles",
removeUrl: "Remove",
autoUpload: false
},
upload: onUpload,
template: kendo.template($('#fileTemplate').html())
});
function onUpload(e) {
var paramsEmailDocs = "{'files':'" + JSON.stringify(e.files) + "'}"
$.ajax({
type: "POST",
url: urlUploadFile,
data: paramsEmailDocs,
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function (data) {
}
})
}
});
</script>
I want to have the file path of the selected files.
When we look into the e.files we get the extension, file name, size but not the file path. How can I get it. Any help will be highly appreciated.