如何將變量添加到<img>標記中？

-2

我想問一下如何將電子郵件ID傳遞給圖片標籤？如何將變量添加到<img>標記中？

<li class="form-line" data-type="control_email" id="id_3"> 
<label class="form-label form-label-left form-label-auto" id="label_3" for="input_3"> E-mail: </label> 
<div id="cid_3" class="form-input jf-required"> 
<input type="email" class=" form-textbox validate[Email]" id="input_3" name="q3_email" size="30" value="" /> 
</div> 
</li> 
<img src="https://api.qrserver.com/v1/create-qr-code/? data=HelloWorld&amp;size=100x100" alt="" title="" />

來源

2016-11-08 hihi

爲此，您需要使用服務器端處理或JavaScript。而且你肯定錯過了那個問題上的一些標籤，因爲這絕對不是標準的HTML。 – junkfoodjunkie

你能提供更多的細節，我不明白你想實現什麼 – Walt

請發佈[mcve] –

從技術上講，您可以將任何自定義屬性添加到HTML標記，然後通過javascript訪問該信息。例如：

var x = document.getElementsByTagName("img")[0].getAttribute("imgSize"); 
 
alert(x);

<img data="helloWorld" imgSize="100x100" src="https://api.qrserver.com/v1/create-qr-code/? data=HelloWorld&amp;size=100x100"/>

如果你的意思是動態上的圖像源增加值比你會做到這一點與在JavaScript是這樣的：

var imgUrl = "https://api.qrserver.com/v1/create-qr-code/"; 
 
//add data 
 
imgUrl += "?data=HelloWorld"; 
 
//add size 
 
imgUrl += "&amp;size=100x100"; 
 
// set image 
 
document.getElementById("myImg").src=imgUrl;

<img id="myImg" src="#" >

來源

2016-11-08 02:11:34

我想通過電子郵件輸入id（input_3）到img src – hihi

@hihi我添加了另一個示例，顯示如何您可以使用javascript將值附加到圖像源。 –

如何將變量添加到<img>標記中？

回答

相關問題