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
Rank 1
Iron
Rank 1
Iron
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.
We are glad you managed to fix the issue. In the information about the removeUrl configuration option in the API documentation we mention that this is the URL of the handler. Our demos also demonstrate this, for example see the Sample service in the HTML5/JavaScript source section of this demo, which shows both the "save" and "remove" handlers.
Regards,
Ivan Danchev
Telerik by Progress
Rank 1
Iron
Hi Ivan
Thank your for sorting this out. It was just misleading to me just because all of your mentioned file handlers have no extension. So that way it could easily be seen as file path. Furthermore "file handler" is not mentioned in http://docs.telerik.com/kendo-ui/api/javascript/ui/upload at all where a developer is looking first to get familiar with Upload.