将图像附加到数据HREF Facebook共享按钮

Question

大家好，我正在 imglink varible

中获得图像

var imglink =$("<img>", {"src":  base64_string, "width": "250px", "height": "250px"}).appendTo("#img_preview");

现在，我试图将数据HRE与Facebook共享按钮中的图像一起附加

var anchor = $('.fb-share-button').attr('data-href', imglink);

结果

它显示
data-href =" [对象对象]"

预期结果

data-href="image_path"

Facebook共享按钮

<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse">Share</a></div>

Js带有整个代码的小提琴 https://jsfiddle.net/fogeopjs/

请有人帮我

Answer 1

您的imgLink是jQuery对象，而不是URL。尝试先获取其src属性，例如：

var anchor = $('.fb-share-button').attr('data-href', imglink.attr('src'))

演示：

google.charts.load("current", {
  packages: ['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Element', 'Density', {
      role: 'style'
    }],
    ['Copper', 8.94, '#b87333', ],
    ['Silver', 10.49, 'silver'],
    ['Gold', 19.30, 'gold'],
    ['Platinum', 21.45, 'color: #e5e4e2']
  ]);
  var options = {
    title: "Density of Precious Metals, in g/cm^3",
    bar: {
      groupWidth: '95%'
    },
    legend: 'none',
  };
  var chart_div = document.getElementById('chart_div');
  var chart = new google.visualization.ColumnChart(chart_div);
  // Wait for the chart to finish drawing before calling the getImageURI() method.
  google.visualization.events.addListener(chart, 'ready', function() {
    chart_div1.innerHTML = '<img src="' + chart.getImageURI() + '">';
    var imglink = chart.getImageURI();
    var base64_string = chart.getImageURI();
    // create image
    var imglink = $("<img>", {
      "src": base64_string,
      "width": "250px",
      "height": "250px"
    }).appendTo("#img_preview");
    var anchor = $('.fb-share-button').attr('data-href', imglink.attr('src'));
    console.log(anchor.data('href'));
  });
  chart.draw(data, options);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://gstatic.com/charts/loader.js"></script>
<div id='chart_div'></div>
<div id='chart_div1'></div>
<div id="img_preview" style="width:250px; height:250px;"></div>
<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse">Share</a></div>