Блог

Я работаю над генератором резюме и хочу иметь возможность сохранять входные данные формы в .файл yml, но я, похоже, не могу найти ни одной статьи, которая дала бы мне какие-то подсказки. Я хочу, чтобы после нажатия кнопки отправки данные автоматически записывались в .yml-файл

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
    <div class="biography">
        <h2>Fill in your education information</h2>
        <label for="degree">Degree</label>
        <input id="degree"  type="text">
        <br/>
        <label for="from">From</label>
        <input id="from" type="date">
        <br/>
        <label for="to">To</label>
        <input id="to"  type="date">
        <br/>
        <button id="submit" type="submit">Submit</button>
    </div>
</template>
  

 <script>
    export default {
        name: "Education"
    }
</script>
  

 <style scoped>
    input {
        margin-left: 100px;
        margin-bottom: 10px;
        border: 2px;
        width: 300px;
        height: 3em;
        display: inline-block;
    }
    button {
        font-size: 16px;
        padding: 10px;
        background-color: #004d4d;
        color: white;
        border-radius: 6px;
    }
    button:active {
        background-color: #00e6e6;
    }
    label {
        position: absolute;
    }
</style>
  

Если вы напишете функцию, которая превратит входные значения в строку, представляющую допустимый текст YAML, вы можете использовать Blob API для преобразования его в файл.

В качестве типа носителя используйте тот же тип, что и другие файлы YAML, используемые вашей компанией (text / yaml, application / yaml, text / vnd.yaml и т.д.), Поскольку у нас (afaik) пока нет стандартного типа для файлов YAML.

Чтобы действительно сохранить файл, вам нужно создать URL-адрес из этого большого двоичного объекта, который пользователь может щелкнуть для загрузки. ( Смотрите множество других вопросов по этому поводу здесь, в SO или в любом руководстве по преобразованию больших двоичных объектов JS в URL. )

Если вы на самом деле отправляете форму в серверный скрипт, вероятно, существует множество серверных библиотек, которые могут создать файл YAML, который вы можете вернуть в качестве ответа на запрос POST формы.