image - 如何从 JavaScript 中的函数传回图像？

Question

我的 GUI 将向服务器查询序列化图像。现在，我只想加载一个本地文件并显示它，但是在 WebStorm 中 queryGetSiteMap() 的结果是无效的。

function queryGetSiteMap() {
    var local_image = new Image();
    local_image.onload = function() {
        return local_image;
    };
    local_image.src = "./images/myImage.png";
}
var site_image = queryGetSiteMap();

提前致谢！很多 JS 对我来说都是新的。:D

Answer 1

首先，您的queryGetSiteMap函数返回void（实际上是undefined），因为该函数不返回任何内容。

最有可能的是，您想要做的是传递对一个函数的引用，以便在图像加载完成时调用。就像是：

function queryGetSiteMap(callback) {
    var local_image = new Image();
    local_image.onload = callback;
    local_image.src = "./images/myImage.png";
}
queryGetSiteMap( function ()
  {
    //Code that gets run when image is loaded
  });