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数组为
)
)
