Javascript,如何从 blob 中获取图像宽度和高度

820 阅读1分钟

要通过 Blob 对象获取图像的宽度和高度 ,你可以:

// 创建 Blob 对象

var blob = new Blob([/* your blob data */], { type: 'image/jpeg' });  

// 创建 Image 对象

var img = new Image();  

// 创建 URL 对象

var url = URL.createObjectURL(blob);  

// 将 URL 对象分配给 Image 对象的 src 属性

img.src = url;  

// 等待图像加载完成

img.onload = function() {  
    // 获取图像的宽度和高度  
    var width = img.width;  
    var height = img.height;  

    // 使用宽度和高度进行后续操作

    console.log('宽度:', width)  
    console.log('高度:', height)

    // 清理 URL 对象
    URL.revokeObjectURL(url)  
};