vuejs+vue2dropzone call on success

Question

i am quite new in vuejs, so cant find out what am i doing wrong. This is my script part for a vue component:

<script>
    export default {
        name: 'product-main-info',
        components: {
            vueDropzone: vue2Dropzone
        },
        props: {
            propId: String,
        },
        data() {
            return {
                images: {},
                dropzoneOptions: {
                    url: '/uploadImg',
                    thumbnailWidth: 150,
                    maxFilesize: 2.0,
                    addRemoveLinks: true,
                    acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
                    headers: { "X-CSRF-Token": document.head.querySelector('meta[name="csrf-token"]').content },
                    params: { id: this.propId },
                    init: function() {
                        var self = this;
                        self.on("success", function (file) {
                            this.$http.get('/getProductImages/' + this.propId)
                            .then(function(response) {
                                this.images = response.data;
                            });
                        });
                    }
                }
            }
        },
        methods: {

        },
        created() {
            this.$http.get('/getProductImages/' + this.propId)
            .then(function(response) {
                console.log(response.data);
                this.images = response.data;
            });
        }
    }
</script>

I am trying to get new refreshed data after successful image upload, but all i get is:

app.js:16014 Uncaught TypeError: Cannot read property 'get' of undefined

All i need is to refresh my data, but i cant find out how to do this in a right way. Help if possible