如何從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（實際上不確定），因爲該函數不返回任何東西。

最有可能的是，你想要做的是傳遞一個函數的引用來調用圖像完成加載。例如：

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 
    });