javascript - 如何定义从服务器加载的图像的大小，例如宽度和高度

Question

我已成功从服务器加载图像并将其显示到 div 元素。但我想调整图像大小，因为它很大。我该怎么做。这是我从服务器加载图像的代码。

var img = $("<img />").attr('src', url)
    .load(function() {
        if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
            alert('broken image!');
        } else {
            $("#image").append(img);
        }
    });

Answer 1

您可以使用 width() 和 height() getter 和 setter。

var xDimension=150;
$(img).load(function(){ 
     // put your logic here
  }).width(xDimension).height(xDimension);