js 浏览器不支持blob下载。有其他将arraybuffer数据文件下载的方式吗

是的，您可以使用FileSaver.js库来下载arraybuffer数据文件。该库提供了一个saveAs()函数，可以将arraybuffer数据转换为Blob对象并将其下载到本地计算机。

以下是使用FileSaver.js库下载arraybuffer数据文件的示例代码：

// 安装FileSaver.js库
// npm install file-saver

// 导入FileSaver.js库
import { saveAs } from 'file-saver';

// 创建一个arraybuffer数据
const arrayBuffer = new ArrayBuffer(4);
const dataView = new DataView(arrayBuffer);
dataView.setInt32(0, 123456);

// 将arraybuffer数据转换为Blob对象
const blob = new Blob([arrayBuffer], { type: 'application/octet-stream' });

// 使用FileSaver.js库下载Blob对象
saveAs(blob, 'myfile.bin');

在上面的示例代码中，我们使用FileSaver.js库的saveAs()函数将arraybuffer数据文件转换为Blob对象并将其下载到名为“myfile.bin”的文件中。请注意，该库需要在浏览器中使用，因此您需要在HTML文件中添加相应的script标签。

相关问题

前端下载文件以及上传图片预览，顺便了解arrayBuffer和blob

好的，让我先回答你的问题。前端可以通过创建一个 `a` 标签并设置其 `href` 属性，然后使用 JavaScript 触发点击事件来实现文件下载。例如：

function downloadFile(url, filename) {
  const link = document.createElement('a');
  link.href = url;
  link.download = filename;
  link.click();
}

至于上传图片预览，可以使用 HTML5 中的 `FileReader` API。例如：

<input type="file" onchange="previewImage(event)">
<img id="preview">

<script>
function previewImage(event) {
  const input = event.target;
  if (input.files && input.files[0]) {
    const reader = new FileReader();
    reader.onload = function() {
      const image = document.getElementById('preview');
      image.src = reader.result;
    }
    reader.readAsDataURL(input.files[0]);
  }
}
</script>

关于 `arrayBuffer` 和 `blob`，它们都是 JavaScript 中的二进制数据类型。

`arrayBuffer` 是一种固定长度的缓冲区，用于存储二进制数据。它不能直接被读取或写入，需要结合其他 API（如 `DataView`）来使用。

`blob` 则是一种可变长度的二进制数据类型，可以用于存储任何类型的文件或数据。它通常用于将二进制数据上传到服务器或者在浏览器中预览文件。

TS 里的ArrayBuffer 是否支持浏览器

`ArrayBuffer` 是标准的 JavaScript 对象，用于表示通用的、固定长度的二进制数据缓冲区。它在浏览器中被广泛支持，可以在前端应用中使用。不仅如此，`ArrayBuffer` 还是很多 Web API 的基础，比如 `Blob`、`File`、`XMLHttpRequest` 等等。

在 TypeScript 中，`ArrayBuffer` 是内置的类型，可以直接使用。例如：

const buffer = new ArrayBuffer(1024);

这段代码创建了一个长度为 1024 的二进制数据缓冲区。需要注意的是，`ArrayBuffer` 只是一个二进制数据缓冲区，不能直接读写数据。如果需要读写数据，可以使用 `TypedArray` 或 `DataView` 对象。例如：

const int8Array = new Int8Array(buffer);
int8Array[0] = 1;
console.log(int8Array[0]); // 输出 1

这段代码创建了一个 `Int8Array` 视图对象，通过该对象可以读写 `ArrayBuffer` 中的数据。在这个例子中，将 `buffer` 的第一个字节设置为 1，然后再读取它的值，输出结果为 1。