Как я могу опубликовать файл и данные вместе через Ax ios?

Question

Я пытаюсь опубликовать данные (в приложении Vue). Существует также ввод файла изображения в форме. Все учебные пособия и ответы просто говорят, чтобы отправить файл в одиночку или с другими файлами. [1] [2]

Что я хочу сделать, это добавить файл в существующий объект, который я создаю с привязками v-модели.

// Vue

<template>
    <input name="title" type="text" v-model="newPost.title" />
    <textarea name="content" v-model="newPost.content"></textarea>
    <input name="image" type="file" />
</template>
<script>
    ...
    newPost: {
        title: null,
        image: null,
        content: null
    }
    ...
    addNewPost() {
        axios.post('/api/posts', this.newPost)
    }
</script>

Как мне это сделать?

Answer 1

Вы можете использовать Base64 encode на стороне клиента и добавить закодированную строку в ваш пост-запрос и декодировать со стороны сервера: здесь будет закодированная строка, и вы можете отправить ax ios запрос, как вы написали.