1. 页面标签

页面中目前只提供一个按钮来进行输入文件

<input @click="importZeroOne" type="file" />

2. 函数定义

在输入文件之后，执行importZeroOne函数，获得输入的文件，进行以下处理

const importZeroOne=((event)=>{  //找到上传文件  const file=event.target.files[0]  //定义一个读缓冲流const reader=new FileReader()  //设置读文件的编码格式为UTF-8reader.readAsText(file,"UTF-8")  //类型数组只能存储Number数字型数据，其他数据不允许会赋值为NaN  const pixelData=new Float32Array(10000);  //加载文件  reader.onload=(e)=>{  const fileString=e.target.result;  //将字符串按照换行符分割为字符串数组  const pixelDataArray=fileString.split("\n")  for(let i=0;i<pixelDataArray.length;i++){  //将行数据按照逗号分割为数组  const pixelDataItem=pixelDataArray[i].split(",");  for(let j=0;j<100;j++){  pixelData[i*100+j]=parseInt(pixelDataItem[j])  }  }  console.log(pixelData)  }  //此时将01数据的矩阵转换为一维矩阵
})

文件内容如下所示：

转换之后的Float32Array数组为