javascript - IMGSRCタグとJavaScript

Question

IMG SRCタグからJavaScript関数を呼び出して画像のURLを取得することは可能ですか？

このような：

<IMG SRC="GetImage()" />

<script language="javascript">
   function GetImage() {return "imageName/imagePath.jpg"}
</script>

これは.NET2.0を使用しています。

score 20 · Accepted Answer

いいえ。少なくともすべてのブラウザで、それは不可能です。代わりに、次のようなことを行うことができます。

<img src="blank.png" id="image" alt="just nothing">
<script type="text/javascript">
    document.getElementById('image').src = "yourpicture.png";
</script>

お気に入りのJavaScriptフレームワークはより良い方法を提供します:)

score 10 · Accepted Answer

ハックしたい気分なら、これもうまくいきます。

<img src='blah' onerror="this.src='url to image'">

score 8 · Accepted Answer

IMG SRC タグから JavaScript 関数を呼び出して画像の URL を取得することはできますか?

次のようなことをするということですか？

<img src="javascript:GetImage()" />

残念ながら、それはできません。ただし、次のハックを実行できます。

function getImageUrl(img) {
   var imageSrc = "imageName/imagePath.jpg";
   if(img.src != imageSrc) { // don't get stuck in an endless loop
      img.src = imageSrc;
   }
}

次に、次の html を用意します。

<img src="http://yourdomain.com/images/empty.gif" onload="getImageUrl(this)" />

onload イベントは、実際の画像が src 属性に設定されている場合にのみ発生します。その属性を設定しないか、空の文字列などに設定すると、愛が得られません。単一ピクセルの透明な gif などに設定します。

とにかく、このハックは機能しますが、実際に何を達成しようとしているかによっては、これが最善の解決策ではない場合があります. なぜあなたがこれをやりたいのかわかりませんが、あなたには正当な理由があるかもしれません (それを私たちと共有したいのです!)。

score 1 · Accepted Answer

画像@srcをインラインで行うことはできませんが、画像の直後のインラインスクリプトブロックから呼び出すことができるはずです。

<img src="" id="myImage"/>
<script type="text/javascript">
  document.getElementById("myImage").src = GetImage();
</script>

score 1 · Accepted Answer

SRC で aspx ページを呼び出して、画像を動的にフィードできます。

元;

<img src="provideImage.aspx?someparameter=x" />

ページ側では、画像をレスポンスに入れ、画像のコンテンツタイプを変更する必要があります。

唯一の「問題」は、画像がインデックスに登録されないことです。そのプロバイダーページにキャッシュを配置するか、サーバーを破壊することをお勧めします。

score 0 · Accepted Answer

0

this.srcをお探しですか？ `

<img src='images/test.jpg' onmouseover="alert(this.src);">

于 2008-09-22T19:33:12.293 に答える

score 0 · Accepted Answer

.NETを使用しているので、runat="server"属性を追加srcして、コードビハインドにを設定できます。

score 0 · Accepted Answer

サーバー側で実行できる場合があります。または、onloadイベントをアタッチして、イメージsrcをスワップアウトすることもできます。質問は、なぜ最初のペースでJavascriptを使用する必要があるのでしょうか。

score 0 · Accepted Answer

これはどう？

var imgsBlocks = new Array( '/1.png', '/2.png', '/3.png');
function getImageUrl(elemid) {  
var ind = document.getElementById(elemid).selectedIndex;
document.getElementById("get_img").src=imgsBlocks[ind]; 
}

仕事じゃない？

<img src="'+imgsBlocks[2]+'" id="get_img"/>

score 0 · Accepted Answer

私は以前にこのようなことをしなければなりませんでした.IIRCのトリックは、DOMツリーの一部である画像のsrc属性を変更できないということです. したがって、最善の策は、画像なしで HTML スケルトンを記述し、1) document.createElement で新しい img 要素を生成する onLoad 関数を作成し、2) setAttribute() で src 属性を設定し、3) DOM にアタッチすることです。木。

score 0 · Accepted Answer

0

何度も呼び出される画像のOnLoadイベントは、このようなことをします

于 2008-12-10T10:52:34.473 に答える

score -1 · Accepted Answer

いいえ。ImgのSRC属性はイベントではないため、インラインJSが起動することはありません。

score -1 · Accepted Answer

-1

何度も呼び出される画像のOnLoadイベントは、このようなことをします

于 2008-12-10T10:50:41.403 に答える

javascript - IMGSRCタグとJavaScript

13 に答える 13

Related

Reference