Angular drag and drop with upload

[flexdev]

So based on this: http://demos.telerik.com/kendo-ui/upload/angular , I should be able to combine these, but cannot. Am using angular (not v2) and have basically went through this verbatim with no luck. I mean, I drag or select, and it does not show any files. My code in my view is:

 

                    <div class="de

<form>
    <div class="demo-section k-content" ng-controller="claimsController">
                        <div>
                            <h4>Upload files</h4>
                            <input name="files"
                                   type="file"
                                   kendo-upload
                                   k-async="{ saveUrl: 'save', removeUrl: 'remove', autoUpload: true }"
                                   k-select="onSelect"
                                   />
                        </div>
                        <div style="padding-top: 1em;">
                            <h4>Console</h4>
                            <div class="console"></div>
                        </div>
                    </div>
</form>

[flexdev]

Well that was quirky. To add to this, my controller code is:

    $scope.onSelect = function(e) {
                var message = $.map(e.files, function(file) { return file.name; }).join(", ");
                kendoConsole.log("event :: select (" + message + ")");
    };

Mind you, this controller also exists for other pieces and so what I am showing here is what I believe to be the scope for this action.

 

Thanks much.

[T. Tsonev]

Hi,

Please accept my apologies for the delayed response.

I can't spot anything wrong with the code snippet.

You should omit the form, as that's not needed for asynchronous uploads.
Still, this shouldn't have any adverse effects.

Can you please check if you're getting any JavaScript errors?
I suspect that kendoConsole is undefined in your case as its part of the demos.

Regards,
T. Tsonev
Telerik