vue3 文件上传将file 转为Base64编码格式

获取上传的文件的file 文件信息

<el-upload
        ref="uploadRef"
        class="w-100%"
        drag
        action="none"
        v-model:file-list="uploadInfo.file"
        :auto-upload="false"
        :on-remove="handleDelete"
      >
        <ElIcon class="el-icon--upload"><upload-filled /></ElIcon>
        <div class="el-upload__text"> 拖拽上传或者 <em>点击文件上传</em> </div>
        <template #tip>
          <div class="el-upload__tip"> 支持拓展名：jpg、doc、pdf等 </div>
        </template>
 </el-upload>
 <el-button type="primary" @click="handleSave">保存</el-button >

const uploadInfo = reactive({
  file: []
})
// 获取文件信息
const handleSave = () => {
  console.log(uploadInfo)
  fileList.value=uploadInfo
}

 获取到信息之后将file转为Base64编码格式

// 获取文件的Base64
const fileToBase64 = (file) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader()

    reader.onload = (res) => {
      const base = res.target?.result
      resolve(base)
    }

    reader.onerror = (error) => {
      reject(error)
    }

    reader.readAsDataURL(file.raw)
  })
}

 let fileBase64Data = await fileToBase64(file)

 ok啊，就获取到了Base64编码格式