vue3 文件转base64

在Vue3中，可以使用以下代码将文件转换为Base64：

async function fileToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = () => {
      resolve(String(reader.result));
    };
    reader.onerror = (error) => {
      reject(error);
    };
  });
}

这个函数接受一个文件作为参数，将文件转换为Base64格式，并返回一个Promise对象。你可以在你的Vue3组件中调用这个函数，如下所示：

fileToBase64(param.file).then((base64) => {
  // 将base64赋值给你需要的变量
});

请注意，你需要将`param.file`替换为你实际的文件对象。通过调用`fileToBase64`函数，你可以将文件转换为Base64格式并在Vue3中使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [VUE3 Typescript 文件-Base64互转](https://blog.csdn.net/weixin_36991257/article/details/124712758)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue二进制转Base64图片展示](https://blog.csdn.net/weixin_43728978/article/details/127900092)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]