Как наиболее простой способ конвертировать input [type = file] в строку base64 в Vue (с использованием javascript)?

Question

Я хочу сгенерировать строку base64 с типом ввода = file, чтобы сохранить только строку base64, чтобы упростить управление изображениями в базе данных.Проще, потому что я могу работать только с Json.

У меня есть что-то подобное на моем сервере Vue (с использованием bootstrap-vue):

<template>
<div class="row">
    <!-- Send Image -->
  <div class="col-sm-8 ml-auto mr-auto">
    <b-form-file v-model="file" :state="Boolean(file)" placeholder="Escolha uma imagem..." accept="image/*"></b-form-file>
    <b-button v-on:clicl="submitFile()">Enviar</b-button>
  </div>
</div>
</template>

export default {
  name: 'imagem',
  data(){
    return{
      file: ''

    }
  },
  methods:{
      submitFile () {
          let stringBase64 = wantToConvertFile(this.file);
      }
  }
}

Так как же простой способ сделать нечто похожее на "wantToConvertFile ()"?

Bootstrap-VUE - ввод файла формы

Answer 1

Отвечено здесь https://stackoverflow.com/a/36281449/6685348

Filereader api https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL note

Результатом файла является строка, которая не может быть непосредственно декодирована как Base64.Чтобы получить только строку в кодировке Base64, необходимо удалить данные: / ; base64, из строки.