1. 页面标签

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

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

2. 函数定义

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

const importZeroOne=((event)=>{  
  //找到上传文件  
  const file=event.target.files[0]  
  //定义一个读缓冲流
  const reader=new FileReader()  
  //设置读文件的编码格式为UTF-8
  reader.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数组为