js获取base64图片的宽度和高度
时间: 2023-11-15 17:54:37 浏览: 179
要获取 base64 图片的宽度和高度,你可以使用以下方法:
1. 创建一个新的 Image 对象。
2. 将 base64 图片赋值给 Image 对象的 src 属性。
3. 在 Image 对象的 onload 事件中,可以获取到图片的宽度和高度。
下面是一个示例代码:
```javascript
function getBase64ImageSize(base64data) {
return new Promise((resolve, reject) => {
const img = new Image();
img.onload = function() {
resolve({
width: this.width,
height: this.height
});
};
img.onerror = function() {
reject(new Error('Failed to load image'));
};
img.src = base64data;
});
}
// 使用示例
const base64data = 'data:image/png;base64,iVBORw0KG...';
getBase64ImageSize(base64data)
.then(size => {
console.log('Width:', size.width);
console.log('Height:', size.height);
})
.catch(error => {
console.error(error);
});
```
阅读全文