JS 仅在单击时加载图像

Question

我需要 JS 中的函数来仅在单击时加载图像。我使用 API，如果我加载验证码图片，在几次请求后每个页面加载都会禁止我，因为并非所有访问者都输入验证码。

哦，我有 http://site.tld/?captcha_image=3382894 如果我每次加载页面时都加载，我会因洪水被禁止。

所以当访问者使用 api 时我需要一些东西，假设它显示带有 "Click here to enter captcha" 的文本，然后当它点击时图像被加载。

我完全不懂 JS，感谢任何帮助... 谢谢！

Answer 1

$("button").click(function () {
    var imgUrl = $(this).data('rel');
    $("#area").html("<img src='" + imgUrl + "' alt='description' />");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button data-rel="http://www.lemis.com/grog/Photos/20110726/big/capcha.gif">Click</button>
<div id="area"></div>

引用link

JS 仅在单击时加载图像

JS load image on click only

javascript

captcha

load