image - JavaScript の関数から画像を返すにはどうすればよいですか?

Question

私の GUI は、シリアル化されたイメージをサーバーに照会します。今はローカルファイルを読み込んで表示したいだけなのですが、WebStorm では queryGetSiteMap() の結果が void です。

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

まず、関数は何も返さないため、(実際にはundefinedqueryGetSiteMap ) を返します。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
  });