Javascriptセットimg src

image javascript src

私はおそらく何か単純なものを見逃していますが、あなたが読んだすべてがうまくいかないとき、それはかなり厄介です。 動的に生成されたページの間に何度も複製される可能性のある画像があります。 したがって、行うべき明白なことは、それを事前にロードし、その1つの変数を常にソースとして使用することです。

var searchPic; function LoadImages(){searchPic = new Image(100,100); searchPic.src = "XXXX / YYYY / search.png"; //これは正しく、パスは正しいです}

それから私は使用して画像を設定します

document ["pic1"]。src = searchPic;

または

$( "#pic1")。attr( "src"、searchPic);

しかし、私がその画像の src`として [object HTMLImageElement] `を取得したときに、その画像をFireBugで正しく設定することは決してありません。

IEでは、私は得ます:

http:// localhost:8080 / work / Sandbox / jpmetrix / [オブジェクト]

  74  11


ベストアンサー

これを使用してsrcを設定する必要があります。

document ["pic1"]。src = searchPic.src;

または

$( "#pic1")。attr( "src"、searchPic.src);

87


* + img + タグと + add属性+ *を手動で作成するための純粋なJavaScript

var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

” ” ‘

srcを* + pic1 + *に設定します

document["pic1"].src = searchPic.src;

or

document.getElementById("#pic1").src= searchPic.src;

これをアーカイブするj-Query

$("#pic1").attr("src", searchPic.src);

45


イメージコンストラクタのインスタンスは、どこでも使用されることを意図していません。 `+ src +`を設定するだけで、画像がプリロードされます…​これで終わりです。 あなたはそのオブジェクトを捨てて先へ進むことができます。

document["pic1"].src = "XXXX/YYYY/search.png";

あなたがすべきことです。 画像コンストラクタを使用して、 `+ searchPic `の ` onload `ハンドラーで2番目のアクションを実行できます。 これにより、実際の ` img `オブジェクトに ` src +`を設定する前に画像がロードされます。

そのようです:

function LoadImages() {
    searchPic = new Image();
    searchPic.onload=function () {
        document["pic1"].src = "XXXX/YYYY/search.png";
    }
    searchPic.src = "XXXX/YYYY/search.png"; // This is correct and the path is correct
}

6


また、これを解決する1つの方法は、 `+ document.createElement +`を使用してhtml * img *を作成し、そのような属性を設定することです。

var image = document.createElement("img");
var imageParent = document.getElementById("Id of HTML element to append the img");
image.id = "Id";
image.className = "class";
image.src = searchPic.src;
imageParent.appendChild(image);

注意:Javascriptコミュニティは、現在、開発者がdocument [“pic1”]ではなく、 + querySelector ++ getElementById +、 `+ getElementsByClassName +`などのドキュメントセレクターの使用を推奨していることです。

4


document ["pic1"]。src = searchPic.src

うまくいくはず

2


まったく新しい画像を作成する必要はありません…​ src属性は単に文字列値を取ります:-)

1


設定する必要があります

document ["pic1"]。src = searchPic.src;

searchPic自体はあなたのImage()です、あなたはあなたが設定したsrcを読む必要があります。

0


src要素はJavaScriptで作成した画像全体になるように設定しているため、srcプロパティはオブジェクトです。

やってみる

document ["pic1"]。src = searchPic.src;

0


うわー! src`を使うときには searchPic`の `src`も使わなければなりません。

document ["pic1"]。src = searchPic.src

良く見えます

0


WinJSを使用している場合、 `+ Utilities `関数を使用して ` src +`を変更できます。

WinJS.Utilities.id("pic1").setAttribute("src", searchPic.src);

0


タイトルとURLをコピーしました