vue获取图片的二进制

在Vue中获取图片的二进制数据可以通过以下步骤：

1. 在Vue组件中，使用`<input type="file">`元素来创建一个文件上传的输入框，让用户选择图片文件。

2. 监听文件选择事件，并使用`FileReader`对象将图片文件读取为二进制数据。

下面是一个简单的示例代码：

<template>
  <div>
    <input type="file" @change="handleFileChange">
  </div>
</template>

<script>
export default {
  methods: {
    handleFileChange(event) {
      const file = event.target.files[0];
      const reader = new FileReader();

      reader.onload = (event) => {
        const binaryData = event.target.result;
        // 在这里可以处理获取到的二进制数据
        console.log(binaryData);
      };

      reader.readAsBinaryString(file);
    }
  }
};
</script>

上述示例中，`handleFileChange`方法会在文件选择发生改变时触发。通过`event.target.files[0]`获取到选中的文件对象，然后创建`FileReader`对象并监听其`onload`事件。

在`onload`事件回调函数中，可以通过`event.target.result`获取到读取的二进制数据。你可以根据需要对这些二进制数据进行处理，例如上传到服务器或进行其他操作。