javascript - JS 仅在点击时加载图像

Question

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

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

所以，当访问者使用 api 时，我需要一些东西，假设它会出现一个带有“单击此处输入验证码”的文本，然后当它单击时，会加载图像。

我根本不懂 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