前端如何将图片转成byte

在前端，可以使用FileReader对象将图片文件转换为字节数组（byte array）。以下是一个示例代码：

// 选择图片文件
const fileInput = document.getElementById('fileInput');
const file = fileInput.files[0];

// 创建FileReader对象
const reader = new FileReader();

// 当读取完成时触发的事件
reader.onloadend = function() {
  // 将图片转换为字节数组
  const byteArray = new Uint8Array(reader.result);

  // 在此处可以对字节数组进行操作或发送到服务器
  console.log(byteArray);
};

// 以DataURL的形式读取文件内容
reader.readAsArrayBuffer(file);

以上代码中，我们首先获取了文件输入的DOM元素，并选择了第一个文件。然后创建了一个FileReader对象，并为其设置了`onloadend`事件处理程序。当读取完成时，`reader.result`将包含文件的二进制数据。我们将其转换为Uint8Array类型的字节数组，并在控制台打印出来。

请注意，这里使用了`readAsArrayBuffer`方法来读取文件内容，以便得到二进制数据。如果您需要将字节数组发送到服务器，可以使用XMLHttpRequest或Fetch API进行网络请求。