前端怎么上传文件，并且把上传的文件转换成二进制的json数据，基于vue和elementUI写出上传文件的组件代码和转换二进制的代码

好的，这是一个关于前端上传文件的问题，我可以为你提供解答。

上传文件可以通过HTML5的File API来实现。

你需要在页面中添加一个input标签，加上type="file"属性使其变成一个文件上传框。如下所示：

<el-upload
  action="#"
  :show-file-list="false"
  :on-change="handleChange"
>
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

其中，el-upload是elementUI组件，on-change是上传文件发生改变时的回调函数，handleChange是你需要自己实现的方法。

在handleChange方法中，你需要获取input中的文件对象，然后将它转化为二进制格式，再转化为JSON格式，如下所示：

handleChange(event) {
  let file = event.target.files[0]
  let reader = new FileReader()
  // 文件读取完成后触发
  reader.onload = function(e) {
    let result = e.target.result // 二进制文件流
    let json = JSON.stringify(result) // 转换为JSON格式
    console.log(json) // 打印出json格式的数据
  }
  reader.readAsBinaryString(file) // 将文件转换为二进制流
}

以上就是基于vue和elementUI写出上传文件的组件代码和转换二进制的代码，希望对你有所帮助。如果你有任何其他问题，随时可以尽情提问哦。