在Vue中(使用javascript)如何最简单地将输入[type=file]转换为字符串base64?
我想生成一个输入类型为file的字符串base64,以便只保留字符串base64,从而更容易在数据库中管理图像。更简单,因为这样我只能使用Json。 我的Vue服务器中有类似的东西(使用引导Vue):在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(
羡慕
导出默认值{
名称:'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);
}
}
}