js获取图片原始尺寸

可以使用Image对象的naturalWidth和naturalHeight属性来获取图片的原始尺寸，示例代码如下：

var img = new Image();
img.onload = function() {
  console.log('原始尺寸：' + img.naturalWidth + ' x ' + img.naturalHeight);
};
img.src = '图片地址';

其中，onload事件会在图片加载完成后触发，此时可以获取到图片的原始尺寸。请将代码中的“图片地址”替换为你需要获取原始尺寸的图片地址。

相关问题

js获取图片原始尺寸并插入到一个已有的一个对象

你可以使用`Image`对象来获取图片的原始尺寸，然后将其插入到已有的对象中。下面是一个示例代码：

// 获取图片对象
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`属性来加载图片。

html 获取图片原始尺寸,JavaScript获取图片的原始尺寸以宽度为例

可以使用JavaScript来获取图片的原始尺寸，以宽度为例，具体方法如下：

1. 创建一个Image对象

var img = new Image();

2. 设置Image对象的src属性，加载图片

img.src = '图片地址';

3. 在Image对象的onload事件中获取图片的原始宽度

img.onload = function () {
  var width = img.width;
  console.log('图片原始宽度为：' + width);
}

完整代码如下：

var img = new Image();
img.src = '图片地址';
img.onload = function () {
  var width = img.width;
  console.log('图片原始宽度为：' + width);
}

注意：为了避免在获取图片尺寸时出现跨域问题，需要确保图片地址与当前页面的域名相同。如果图片地址与当前页面的域名不同，需要使用后端接口或者CORS技术来解决跨域问题。