调整图像大小后，如何使用 javascript 在单独的窗口中打开图像？

Question

这是我必须为我重新调整图像大小的代码。我不知道该怎么做是让代码在调整大小后打开图像。

所以我希望它是

1. 调整图像大小（它已经在这样做）。
2. 调整图像大小后，在单独的窗口中打开它

这是为我调整图像大小的代码。

function resize(which, max) {
    var elem = document.getElementById(which);
      if (elem == undefined || elem == null) return false;
     if (max == undefined) max = 1024;
    if (elem.width > elem.height) {
      elem.width = max;  
     elem.height = 768;
    }
   }

Answer 1

该代码实际上并没有调整图片的大小，它只是改变了它的显示方式。如果图像是下载的或在单独的窗口中打开的，则它将是原始图像的尺寸。我认为没有任何方法可以通过 JavaScript 修改图像。

不过，您可以做的是找到一个可以为您执行此操作的程序，并通过 Ajax 调用来调用它。例如，我认为 Gimp 可以处理这个问题，如果您可以从 PHP 脚本调用它，那么您可以通过 Ajax 调用调用该 PHP 脚本并显示它。这是一个复杂的解决方案，但这是我能想到的最好的解决方案。

Answer 2

正如 tjameson 指出的那样，JavaScript 并不会真正调整图像的大小。

如果您想将此图像带到新窗口，可以采用以下方法：

var im = document.getElementsByTagName('img')[0];
var w = window.open("");
var b = w.document.body;
b.appendChild(im);

如果您希望调整其显示大小，可以在此图像上应用调整大小功能。

Answer 3

我将所需的代码附加到初始调整大小函数中

    function resize(which, max) 
    {
        var elem = document.getElementById(which);
        if (elem == undefined || elem == null) return false;
        if (max == undefined) max = 1024;
        if (elem.width > elem.height) 
        {
            elem.width = max;  
            elem.height = 768;
        }
        var f = window.open("", "_blank", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
        f.document.title = elem.alt;
        f.document.body.innerHTML += '<img src="'+elem.src+'" height="'+elem.height+'" width="'+elem.width+'" alt="'+elem.alt+'">';


}