axios接收application/octet-stream 反馈的size字节是0

如果你通过axios接收application/octet-stream类型的响应数据，但是返回的size字节为0，可能是因为axios的默认响处理方式不支持application/octet-stream类型的数据。此时，你需要手动处理响应数据。

可以通过设置responseType为'arraybuffer'，然后将响应数据作为ArrayBuffer对象处理。例如：

axios({
  method: 'get',
  url: '/download',
  responseType: 'arraybuffer'
}).then(response => {
  // 处理响应数据
})

在处理响应数据时，我们可以将响应数据转换为Blob对象，然后创建一个URL对象来下载文件。例如：

const blob = new Blob([response.data], { type: 'application/octet-stream' })
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = 'file.bin'
link.click()

这里我们将响应数据转换为Blob对象，并通过URL.createObjectURL方法创建一个URL对象，然后使用a标签模拟点击下载链接，实现文件下载。

相关问题

后端返回的文件流( type: “application/octet-stream“ ) 转换为base64展示

当后端服务器返回文件作为字节流（`type: "application/octet-stream"`），通常用于下载或显示非文本类型的文件，比如图片、PDF、音频或视频等。为了将这种字节流转换为Base64编码以便在线上展示，你可以按照以下步骤操作：

1. 首先，你需要从响应中获取这个字节流数据。这通常是通过HTTP请求库，如Node.js的`axios`或Python的`requests`完成的。

2. 对于JavaScript（Node.js或浏览器环境）：

   let data = await response.data; // 假设response是一个包含字节流的Promise

3. 然后，可以使用`Buffer`对象在Node.js中，或`btoa()`函数在浏览器环境中进行Base64编码：

   const base64Data = Buffer.from(data).toString('base64'); // Node.js
   // 或者
   const base64Data = btoa(data); // 浏览器

4. 将Base64字符串插入到HTML的img标签或者其他支持的元素的`src`属性中，例如：

   <img src="data:image/jpeg;base64,{{ base64Data }}" alt="图片描述">

5.

vue:接口返回的application/octet-stream类型的二进制数据，转换为图片。展示失败

当你在Vue应用中处理从API获取到的`application/octet-stream`类型二进制数据，并试图将其转换为图片显示时，可能会遇到一些挑战。这是因为这种MIME类型通常表示通用的、不可识别的数据流，而不是直接的图像文件。为了将它成功地展示为图片，你需要按照以下步骤操作：

1. 首先，你需要确保接收到的是实际的图片数据，而不仅仅是字节流。检查API响应是否正确包含了图像内容，例如可能是JPEG、PNG或其他常见的图片格式。

2. 确保你在服务器端设置了正确的Content-Type头，使其明确指示数据是图片类型。

3. 接收二进制数据后，在前端可以尝试进行解析。例如，如果你知道数据格式，可以使用Blob或File API创建一个Blob对象，然后创建一个新的URL.createObjectURL()来生成一个可以在浏览器中显示的URL。

axios.get('your-api-url', {
  responseType: 'blob'
}).then(response => {
  const blob = new Blob([response.data], {type: 'image/jpeg'});
  const imageUrl = URL.createObjectURL(blob);
  // 将imageUrl赋值给你的img标签src属性
  yourImageElement.src = imageUrl;
});

4. 如果不确定数据格式，你可以考虑使用第三方库如`file-saver`或`canvas`来尝试解码并保存到本地文件，然后再展示。这需要用户允许的情况下才能执行。

5. 跟踪错误情况，捕获可能出现的异常，如解码错误或权限问题。

如果仍然无法展示，可能的问题包括网络问题、浏览器限制或者API提供的不是标准图片数据。