<template>
    <div id="app" class="col-md-4">
        <label>Введите ссылку на документ, либо несколько ссылок через пробел</label><br/><br>
        <input type="text" v-model="data.uploadDto.link" class="form-control"/><br><br>
        <label>Введите идентификатор пользователя</label><br/><br>
        <input type="text" v-model="data.uploadDto.login" class="form-control"/><br><br>
        <button @click="load" class="btn-success">
            Отправить
        </button>
    </div>
</template>

<script>
    import axios from "axios";

    export default {
        name: 'upload',
        methods: {
            load: function () {
                let url = this.$root.host+'uploadFromLinks';
                let vm = this;
                console.log('uploadDto', vm.data.uploadDto);
                axios
                    .post(url, vm.data.uploadDto)
                    .then(response => {
                        console.log('resp', response);
                    })
                    .catch(error => {
                        console.log('error', error);
                    })
                    .finally(() => {
                        console.log('finally req')
                    });
            }
        },
        data() {
            return {
                data: {
                    uploadDto: {
                        link:'',
                        login:''
                    }
                }
            }
        }
    }
</script>

@ApiOperation(value = "For upload images for recognition")
    @PostMapping(value = "uploadFromLinks")
    public ResponseEntity<?> getImagesFromLinks(UploadDto uploadDto) {
        String links = uploadDto.getLink();

<input type="text" v-model="data.uploadDto.link" class="form-control"/><br><br>
        <label>Введите идентификатор пользователя</label><br/><br>
        <input type="text" v-model="data.uploadDto.login" class="form-control"/><br><br>