vue file转base64

以下是一个Vue中将文件转换为Base64的示例：

<template>
  <div>
    <input type="file" @change="changeFile">
  </div>
</template>

<script>
export default {
  data() {
    return {
      iconBase64: ''
    }
  },
  methods: {
    changeFile(event) {
      const file = event.target.files[0]
      const reader = new FileReader()
      reader.readAsDataURL(file)
      reader.onload = () => {
        console.log('文件转换为Base64结果：' + reader.result)
        this.iconBase64 = reader.result
      }
      reader.onerror = function (error) {
        console.log('错误：', error)
      }
    }
  }
}
</script>

在上述示例中，我们使用`<input type="file">`元素来选择文件，并通过`@change`事件监听文件选择的变化。在`changeFile`方法中，我们首先获取选择的文件，然后创建一个`FileReader`对象，并使用`readAsDataURL`方法将文件读取为Data URL。当读取完成时，我们可以通过`reader.result`获取到转换后的Base64字符串，并将其赋值给`iconBase64`变量。最后，我们可以在控制台中打印出转换后的结果。