vue new FileReader

在Vue项目中，您可以使用JavaScript中的FileReader来读取文件并获取其base64编码值。 在您的代码片段中，您创建了一个FileReader实例并使用readAsDataURL方法来读取文件并获取base64编码值。然后，您将base64编码值存储在that对象的base64属性中。然而，在提交请求的时候，您发现参数中没有包含该文件的base64值。您也尝试使用Promise来异步获取base64值并在提交请求之后再进行操作，但由于异步的原因，它没有起作用。

为了解决这个问题，您可以将异步操作放在一个方法中，并在该方法中使用Promise来获取base64值。然后在Promise的resolve函数中，将base64值传递给您的post请求函数。这样可以确保在获取到base64值后再进行请求操作。以下是一个可能的解决方案的示例代码：

readAsBase64(file) {
  return new Promise(function(resolve, reject) {
    let reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function() {
      resolve(this.result);
    };
  });
},

然后，在您的post请求函数中，您可以调用readAsBase64方法来获取文件的base64值，并将其作为参数传递给post请求。这样可以确保在获取到base64值后再进行请求操作。请注意，由于post请求是异步的，您可能需要使用async/await或.then()链来处理返回的Promise对象。

希望这个解决方案能帮助到您！<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [在vue中使用axios实现post方式获取二进制流下载文件(实例代码)](https://download.csdn.net/download/weixin_38537050/13674769)[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%"]
- *2* *3* [Vue建站：FileReader的异步问题](https://blog.csdn.net/JasonRaySHD/article/details/89643215)[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 ]