Javascript 将输出图像设置为当前URL链接

这有点混乱，但我正在尝试创建一个嵌入函数，并且在将输出中的图像设置为用户所在的当前页面的url时遇到了问题。

所以在小提琴中

应该是

---

谢谢

这里有一个链接指向编辑过的小提琴：

（函数（$）{
var getCode=函数（wlink，url）{
var-html；
html=
"" +
“
”+
""+
"";
返回html；
};
$（文档）。在（“单击”，“嵌入”，函数（e）{
var id=$（this.data（“id”）；
console.log（id）；
url=$（“#”+id）.attr（“src”）；
var wlink=window.location.href；
$（“#输出”）.val（getCode（wlink，url））；
});
})（jQuery）；

---

让我知道它是否适合您。

alert（document.URL）

要添加到这一点，它正在重新创建Pinterest上pin右侧的嵌入按钮的输出：这实际上从图像中删除了链接。在输出的嵌入代码中，图像需要包装在链接中。是的，伙计，干杯！它在URL的末尾显示了ads/show，是来自JSFIDLE还是代码中需要更改的内容。我没有看到对itThanks mate的引用，关于\show部分，我怀疑它与JSFIDLE有关，不幸的是，我无法组合一个网页来尝试这个功能，但让我知道它是如何运行的好吗？我将它放在我的Drupal模板中，效果很好，只需要将它填充到弹出窗口而不是文本区域。一旦我在输出中修复了未定义的图像src，我甚至可以将其作为textreas。再次感谢！

(function ($) {
    var getCode = function (wlink,url) {
        var html;

        html =
            "<div>" +
            "<a href=\""+wlink+"\" target='_blank'>"+
            "<img src=\"" + url + "\" />" +
            "<p>Source <a href=\"www.gossiptalk.info\">GossipTalk</a></p>" +
            "</a>"+
            "</div>";

        return html;
    };


    $(document).on("click", ".embed", function (e) {
        var id = $(this).data("id");
        console.log(id);
            url = $("#" + id).attr("src");
var wlink=window.location.href;
        $("#output").val(getCode(wlink,url));
    });

})(jQuery);