vue 收到二进制文件 转成file 文件

如果你在 Vue 中通过网络获取到了二进制文件，可以将其转换为文件对象，可以使用Blob构造函数和File构造函数来实现。

Blob构造函数可以创建一个blob对象，该对象表示一个不可变、原始数据的类文件对象。使用Blob对象，可以将一个二进制数据流转换为可读的文件对象。

File构造函数继承了Blob构造函数，可以通过指定文件名和文件类型来创建一个文件对象，该文件对象可以用于上传或保存到本地。

下面是一个示例代码：

// 假设data是从网络获取到的二进制数据
let data = ...;

// 创建一个Blob对象
let blob = new Blob([data], { type: 'application/octet-stream' });

// 创建一个File对象
let file = new File([blob], 'file_name', { type: 'application/octet-stream' });

在这个示例中，我们首先使用Blob构造函数将二进制数据转换为Blob对象，然后使用File构造函数将它转换为File对象。在File构造函数中，我们指定了文件名和文件类型。

现在，你可以将这个File对象上传到服务器或保存到本地。

相关问题

vue 收到二进制文件 动态转成file文件 代码实现

如果你想要将接收到的二进制数据动态转换为File对象，你可以使用URL.createObjectURL()方法和XMLHttpRequest对象来实现。

XMLHttpRequest对象可以用于从服务器获取文件或二进制数据，而URL.createObjectURL()方法可以将Blob对象转换为URL，这个URL可以用于创建File对象。

下面是一个示例代码：

// 创建一个XMLHttpRequest对象
let xhr = new XMLHttpRequest();

// 设置响应类型为blob
xhr.responseType = 'blob';

// 发送请求
xhr.open('GET', 'your_api_url');
xhr.send();

// 处理响应
xhr.onload = function() {
  if (xhr.status === 200) {
    // 创建一个URL
    let url = URL.createObjectURL(xhr.response);

    // 创建一个File对象
    let file = new File([xhr.response], 'file_name', { type: 'application/octet-stream' });

    // 使用File对象
    // ...

    // 释放URL
    URL.revokeObjectURL(url);
  } else {
    console.log('Request failed.  Returned status of ' + xhr.status);
  }
};

在这个示例中，我们首先创建了一个XMLHttpRequest对象，并将其响应类型设置为blob。然后，我们发送一个GET请求，将获取到的响应处理为Blob对象。在onload事件处理函数中，我们使用URL.createObjectURL()方法将Blob对象转换为URL，并使用File构造函数将其转换为File对象。最后，我们使用File对象进行后续操作。

请注意，在使用完URL后，我们需要使用URL.revokeObjectURL()方法释放它。

vue2 二进制流文件下载

在Vue2中实现二进制流文件下载的方法如下：
1. 首先需要使用axios库发送GET请求获取文件的二进制流数据。
2. 在获取到二进制流数据后，需要将其转换为Blob格式，以便进行下载。
3. 创建一个a标签，将Blob数据赋值给其href属性，并设置download属性为文件名，然后模拟点击a标签进行下载。

具体实现代码如下：

<template>
  <div>
    <button @click="downloadFile">下载文件</button>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  methods: {
    downloadFile() {
      axios({
        url: 'your_file_url',
        method: 'GET',
        responseType: 'blob'
      }).then(response => {
        const blob = new Blob([response.data])
        const fileName = 'your_file_name'
        const link = document.createElement('a')
        link.href = URL.createObjectURL(blob)
        link.download = fileName
        link.click()
        URL.revokeObjectURL(link.href)
      })
    }
  }
}
</script>

相关问题:
1. 如何在Vue中实现文件上传？
2. 如何使用axios发送POST请求？
3. 如何将Base64格式的二进制流转换为Blob格式？