This is a migrated thread and some comments may be shown as answers.

Simple file upload not working

4 Answers 2521 Views

Upload

This is a migrated thread and some comments may be shown as answers.

Tayger asked on 12 Apr 2017, 06:13 PM

e_output.png

Hello

I'm pretty sure I'm doing something wrong but I just don't see what. Any file upload runs into an error but doesn't say what the problem is. I'm using this code based on your documentation:

$("#selectfile").kendoUpload({

async: {

saveUrl: "http://localhost/geoneers/gallery/image",

removeUrl: "http://localhost/geoneers/save"

},

dropZone: ".dropfile",

error: function (e) {

var files = e.files;

if (e.operation == "upload") {

console.log (e);

alert("Failed to upload " + files.length + " files");

}

},

success: function(e) {

alert ("success");

}

});

It always runs into the error event showing me that all is fine (console.log(e); -> see attachment e_output). Beside of that kendo.all.js (line 2096) gives this output in into the console:

[Log] Server response: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> (kendo.all.min.js, line 25)

<html>

<head>

<title>Index of /geoneers/gallery/image</title>

</head>

<body>

<h1>Index of /geoneers/gallery/image</h1>

<ul><li><a href="/geoneers/gallery/"> Parent Directory</a></li>

</ul>

</body></html>

I have not clue whats going wrong here. I'm working an a Mac and working with Mamp Pro (latest version). To get rid off the error I tried the following as well:

- Updated to the latest version of Kendoui Pro
- Made sure the path is set to chmod 777

Wether I use "Select file..." or dropzone it always comes to this behaviour and the file is not uploaded.

Any ideas why?

Regards

4 Answers, 1 is accepted

answered on 13 Apr 2017, 10:29 AM

Ummm, the problem seems to be solved. There is a file handler required on server side, good PHP example: http://www.telerik.com/forums/examples-of-async-saveurl-datahandlers

The documentation is (for me) misleading: http://docs.telerik.com/kendo-ui/api/javascript/ui/upload

All samples use a path for saveUrl and removeUrl what made me thinking that the Upload widget is uploading directly to that path.But the meaning here probably is that the last element in the path should represent the filehandler (save, remove). That is really misleading and should imho be made sure in the documentation.

Accepted