Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Vue中(使用javascript)如何最简单地将输入[type=file]转换为字符串base64?_File_Vue.js_Input_Base64 - Fatal编程技术网

在Vue中(使用javascript)如何最简单地将输入[type=file]转换为字符串base64?

在Vue中(使用javascript)如何最简单地将输入[type=file]转换为字符串base64?,file,vue.js,input,base64,File,Vue.js,Input,Base64,我想生成一个输入类型为file的字符串base64,以便只保留字符串base64,从而更容易在数据库中管理图像。更简单,因为这样我只能使用Json。 我的Vue服务器中有类似的东西(使用引导Vue): 羡慕 导出默认值{ 名称:'imagem', 数据(){ 返回{ 文件:“” } }, 方法:{ 子文件(){ 让stringBase64=wantToConvertFile(this.file); } } } 那么,如何用简单的方法使某个事物与之相似呢 “wantToConvertFile(

我想生成一个输入类型为file的字符串base64,以便只保留字符串base64,从而更容易在数据库中管理图像。更简单,因为这样我只能使用Json。

我的Vue服务器中有类似的东西(使用引导Vue):


羡慕
导出默认值{
名称:'imagem',
数据(){
返回{
文件:“”
}
},
方法:{
子文件(){
让stringBase64=wantToConvertFile(this.file);
}
}
}
那么,如何用简单的方法使某个事物与之相似呢 “wantToConvertFile()”

这里回答

文件阅读器api 注

该文件的结果产生一个不能直接解码为Base64的字符串。要仅检索Base64编码的字符串,必须删除数据:/;base64,来自字符串


我认为最好的方法是在这个解决方案中使用“vuex”,不可能在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);
      }
  }
}