ajax的文件信息获取

如何获取用ajax请求得到的文件信息

async function test(){
    const resp =await fetch("./img/liao/jpg")
    const blob = await resp.blob();、
    console.log(blob);//能获取文件的大小，文件类型等 	
    const bf = await blob.arrayBuffer();
    //这样能获取图片的文件信息，但是只能获取到压缩后的图片信息，和在画布上获取的图片信息不一样，画布上的图片信息会获取到每个像素点的数据，但是这个不能获取到每个像素点的信息

}

如何获取图片的像素信息：

可以通过画布获取图片文件信息

<div style="height: 117px; display: flex;">
        <img src="./img/liao.jpg" alt="">
        <button onclick="test()">转换</button>
        <canvas id="cvs" height="117"></canvas>
    </div>
    <script>
        function test() {
            const img = document.querySelector("img");
            const cvs = document.getElementById("cvs").getContext("2d");
            cvs.drawImage(img, 0, 0);
            const imgData = cvs.getImageData(0, 0, img.width, img.height);
            console.log(imgData);
    </script>