Обязательно валидировать картинку на сервере. Vue, Laravel?

Question

[Ismail94]

У меня пример, я хочу загрузить картинку на сервер.
1)Делаю валидацию выбранной картинки на vue.
2)Кодирую в строку base64 и этот код как текст отправляю через ajax
Можно ли валидировать только на vue или надо обязательно на сервере.
Какие есть пути решения этого?

Answer 1

[Константин Б.]

В вашем случае можно и не валидировать! А вообще нужно.

Comments

[Ismail94]

Можете еще подсказать.
Нашел пример как применять FormData, сделал все как в примере но когда получаю ответ с сервера там нет картинки.

Вот компонент.

<template>
    <div class="container">
        <div class="large-12 medium-12 small-12 cell">
            <label>File
                <input type="file" id="file" ref="file" v-on:change="handleFileUpload()"/>
            </label>
            <button v-on:click="submitFile()">Submit</button>
        </div>
    </div>
</template>

<script>

export default {
    data(){
        return {
            file: ''
        }
    },
    methods: {
        submitFile(){
            let formData = new FormData();
            formData.append('file', this.file);
            axios.post( '/api/uploadImage',
                formData,
                {
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    }
                }
            ).then((response)=>{
                console.log(response);
            })
        },


        handleFileUpload(){
            this.file = this.$refs.file.files[0];
        }
    }
}
</script>

А вот метод в компоненте

public function store(Request $request)
    {
        return response()->json(['message' => $request->all()]);
    }

В консоле response -> message - > file - и здесь нет файла картинки.