js获取图片原始尺寸并插入到一个已有的一个对象
时间: 2023-08-12 15:05:04 浏览: 45
你可以使用`Image`对象来获取图片的原始尺寸,然后将其插入到已有的对象中。下面是一个示例代码:
```javascript
// 获取图片对象
var img = new Image();
img.onload = function() {
// 获取图片原始尺寸
var width = img.width;
var height = img.height;
// 将图片插入到已有的对象中
var div = document.getElementById("myDiv");
div.innerHTML = "<img src='" + img.src + "' width='" + width + "' height='" + height + "'>";
}
img.src = "path/to/image.jpg";
```
在这个例子中,我们首先创建了一个`Image`对象并设置了它的`onload`事件处理函数。当图片加载完成后,该函数会被调用。在函数中,我们可以使用`img.width`和`img.height`属性来获取图片的原始尺寸,并将其插入到已有的`<div>`元素中。最后,我们通过设置`img.src`属性来加载图片。