Uploading picture to Parse.com

$(document).ready(function () {
    var image;

    $('button').on('click', function () {
        var file = $('#file')[0].files[0];

            $.ajax({
                method: 'POST',
                url: 'https://api.parse.com/1/files/pic.jpg',
                headers: {
                    'X-Parse-Application-Id': 'U7rDk3WOeckRW7TvByLfu1sd2K996BdCwkzXUejH',
                    'X-Parse-REST-API-Key': 'vsRKxqdSdeDV5O5ABV9BXER3S5eUm39K36bt5g0z',
                    'Content-Type': 'image/jpeg'
                },
                data: file,
                processData: false
            }).success(function (data) {
                var imgName = data.name;

                var updateData = JSON.stringify({
                    "pic": {
                        "name": imgName,
                        "__type": "File"
                    }
                });

                $.ajax({
                    method: 'PUT',
                    url: 'https://api.parse.com/1/classes/Product/R9IGMQU21J',
                    headers: {
                        'X-Parse-Application-Id': 'U7rDk3WOeckRW7TvByLfu1sd2K996BdCwkzXUejH',
                        'X-Parse-REST-API-Key': 'vsRKxqdSdeDV5O5ABV9BXER3S5eUm39K36bt5g0z',
                        'Content-Type': 'application/json'
                    },
                    data: updateData
                }).success(function (response) {
                    console.log(response);
                }).error(function (err) {
                    console.log(err.message);
                });
            }).error(function (err) {
                console.log(err.message);
            });
    });
});