Ospry/Kinvey Demo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <script src="lib/jquery-3.1.0.js"></script>
    <script src="https://code.ospry.io/v1/ospry.js"></script>
</head>
<body>

<form id="up-form">
    <input type="file" multiple />
    <button type="submit">Upload</button>
</form>

<script>
    const kinveyAppID = 'kid_HycsO3rF';
    const kinveyAppSecret = 'd0c21de73cd04b95aa68f4f48ad6ce66';
    const kinveyServiceBaseUrl = 'https://baas.kinvey.com/';
    ////////// OSPRAY
    let ospry = new Ospry('pk-test-rjna2is16e0hjq6g7810zhym');
    let uploadURL;
    // val e funkciq ne property
    let fileName = $('#fileName').val;
    console.log(fileName);
    let onUpload = function(err, metadata) {
        ospry.get({
            url: metadata.url,
            maxHeight: 400,
            imageReady: function(err, domImage) {
                $('body').append(domImage);
            }
        });
        uploadURL = metadata.url;
        console.log(uploadURL);
        ///// POST to Kinvey
        if(uploadURL.length > 0){
            let uploadDataUrl = kinveyServiceBaseUrl + "appdata/" + kinveyAppID + "/Test";

            //headerite qvno prenapisvat
            let kinveyAppHeaders = {
                'Authorization': "Basic " + btoa(kinveyAppID + ":" + kinveyAppSecret),
                'Content-Type' : "application/json"
            };

            //funkcii ne mogat da se JSON Stringify-nat, taka 4e toq red "name: fileName" vse edno go nqma
            let uploadData = {
                name: fileName,
                file: uploadURL
            };

            let loginUrl = kinveyServiceBaseUrl + "user/" + kinveyAppID + "/login";

            //login za moi user, smeni go sus tvoi
            let loginData = {
                "username": "Pesho",
                "password": "123"
            };

            //promisi
            $.when( $.ajax({
                method: "POST",
                url:loginUrl,
                data: JSON.stringify(loginData),
                headers: kinveyAppHeaders
            })).then(function( data ) {

                var auth = data._kmd.authtoken;
                var userHeaders = {
                    'Authorization': "Kinvey " + auth,
                    'Content-Type' : "application/json"
                };

                //zaqvki kum data tablicite v kinvey mogat da se pravqt samo sus user credentials ne sus app credentials
                $.when( $.ajax({
                    method: "POST",
                    url:uploadDataUrl,
                    data: JSON.stringify(uploadData),
                    headers: userHeaders
                })).then(function(data) {
                    console.log(data);
                    console.log("aww Yeah");
                });
            });
        }
    };

    $('#up-form').submit(function(e) {
        e.preventDefault();
        ospry.up({
            form: this,
            imageReady: onUpload
        });
    });


</script>
</body>
</html>