vue2如何将文件转换成base64编码字符串

您可以使用 FileReader 对象来读取文件，然后使用 Data URL 来将其转换成 Base64 编码字符串。下面是 Vue2 中将文件转换成 Base64 编码字符串的示例代码：

// 定义一个方法，用于将文件转换为 Base64 编码字符串
toBase64(file) {
  return new Promise((resolve, reject) => {
    // 创建一个 FileReader 对象
    const reader = new FileReader()
    // 注册 onload 事件处理程序
    reader.onload = () => {
      // 调用 resolve 方法，传递 Base64 编码字符串
      resolve(reader.result.replace(/^data:(.*;base64,)?/, ''))
    }
    // 注册 onerror 事件处理程序
    reader.onerror = (error) => {
      // 调用 reject 方法，传递错误信息
      reject(error)
    }
    // 读取文件，并将内容作为 Data URL 返回
    reader.readAsDataURL(file)
  })
}

您可以将以上代码添加到 Vue2 组件中，并在需要的地方调用该方法。例如：

// 在 methods 中定义一个方法来处理文件上传事件
methods: {
  onFileChanged(event) {
    // 获取文件对象
    const file = event.target.files[0]
    // 调用 toBase64 方法，将文件转换为 Base64 编码字符串
    this.toBase64(file).then((base64String) => {
      // 在控制台输出 Base64 编码字符串
      console.log(base64String)
    }).catch((error) => {
      // 在控制台输出错误信息
      console.error(error)
    })
  }
}

当您选择一个文件并触发 onFileChanged 方法时，应该会在控制台输出该文件的 Base64 编码字符串。