javascript - 如何使用javascript在whatsapp上分享图片和文字

Question

你好，到目前为止，我可以使用 javascript 代码在 whatsapp 上分享我的内容，但仍然无法与文本分享图像。有人做过吗？这是我的 javascript 代码:

$(document).ready(function() {
  $(document).on("click", '.mct_whatsapp_btn', function() {
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      var text = $(this).attr("data-text");
      var url = $(this).attr("data-link");
      var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
      var whatsapp_url = "whatsapp://send?text=" + message;
      window.location.href = whatsapp_url;
    } else {
      alert("Please use an Mobile Device to Share this Article");
    }
  });
});

Answer 1

如果您尝试从浏览器执行此操作，那么根据 whatsapp 文档，您只能通过它发送文本或链接。在这里阅读: https://www.whatsapp.com/faq/en/iphone/23559013

如果您想使用此 whatsapp 协议(protocol)发送图像，您可以先将图像上传到您的服务器，然后使用“encodeURIComponent”发送链接:

'whatsapp://send?text='+encodeURIComponent(imageURL)

正如@Akis 已经指出的那样，要在像 cordova/ionic 这样的混合应用程序框架中使用它，最好搜索插件来实现这一点。

https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin

上面与 cordova 插件的链接可能会帮助你。