使用我的网络应用程序在Facebook上分享图像

我写这段代码是为了在jsp上显示厨房

<c:forEach var="gallery" items="${galleria}">
<div class="uk-overlay uk-margin-top uk-margin-left uk-margin-right uk-margin-bottom">
        <a href="data:image/jpeg;base64,${gallery.value}" data-lightbox="roadtrip">
                <img  id="my_image2" src="data:image/image/jpeg;base64,${gallery.value}" width="300" height="250" alt=""></img>
        </a>
        <div class="uk-overlay-caption">
            <button class="uk-icon-button uk-icon-facebook" type="submit" value="my_image" onclick="fbs_click('my_image2')"/>
            <button class="uk-icon-button uk-icon-trash-o" type="submit" value="my_image" onclick="cancella()"/>
        </div>
    </div>
</c:forEach>

显示的图像从 base64 编码为 JPEG。我想在Facebook上分享图像，我尝试编写以下代码

<script>
        function fbs_click(id) {
            var TheImg = document.getElementById(id);
            u = TheImg.src;
            console.log(TheImg);
            console.log(u);
            //t=document.title;
            t = TheImg.getAttribute('alt');
            window.open('http://www.facebook.com/sharer.php?u='
                    + encodeURIComponent(u) + '&t=' + encodeURIComponent(t),
                    'sharer', 'toolbar=0,status=0,width=626,height=436');
            return false;
        }
    </script>

但它不起作用，因为在我看来，它尝试共享 base64 而不是图像 URL。如何解决此问题？谢谢。