WhatsApp图像的HTML共享链接

我知道您可以与共享消息，现在android和ios正在使用：

<a href="whatsapp://send?text=Hello world this is a message and a link http://www.example.com/image.jpg">Share with whatsapp</a>

---

然而，我想通过我网站上的一个按钮分享一张图片，就像有人分享他的手机（图库）上的图片一样。这有可能吗？

想到的一个解决方案是通过AJAX将照片上传到服务器，返回上传照片的链接，然后使用问题中描述的方法发送带有照片链接的消息。这与直接使用Whatsapp发送图像并不完全相同，因为收件人只会收到一个链接，但我怀疑是否有办法使用网页将图像从您的图库发送到另一个应用程序，因为这会引起一些严重的问题

大致上，流程是这样的（请记住，这需要进行一些测试，才能找到一个在所有平台或至少大多数平台上都能正常工作的解决方案）：

在您的网站上创建图像上载。在大多数平台上，只要在页面上添加

，您就可以创建一个按钮，单击该按钮时会打开一个对话框，从手机的多媒体资料中选择图像。您可以找到或使用包含许多上载方法的库，包括您需要的HTML5

创建一个简单的服务器端上传。这取决于您的语言和平台，但您需要做的只是将图像存储在某个位置，并返回指向它的链接作为响应。如果您不想在服务器上存储这些图像，可以将其转发到服务器并上传到服务器

将用户重定向到包含图像链接的

whatsapp://

链接

window.location = 'whatsapp://send?text='+encodeURIComponent(imageURL);

不过，在这一点上，您需要在不同的平台上进行一些测试。您可能无法以这种方式重定向到

whatsapp://

链接（因为这似乎是一个安全问题），因此您可能需要欺骗它（这是一个坏主意，但为了完整起见，我将其包括在内；

数据操作

部分来自）：

最后，如果这两项都不起作用，那么最好的办法是在上传完成后创建一个链接，供用户“确认”发送，该链接实际上包含

href

字段中的上述

whatsapp://

链接

---

有许多因素需要测试，其中一些是具体实现的，因此我不得不在没有太多代码的情况下保持其模糊性-如果在实现时遇到任何其他问题，请在评论中提及。

今天（2015年9月23日）无法实现这一点。最好的方法是共享链接并使用一些

force download

header提供服务。。很有侵略性，但今天你离得越近。@JoaqínO你能详细说明一下吗？刚刚复习了这个问题。到目前为止，我还没有找到在whatsapp上直接共享图片的方法，所以从网站的角度来看，链接共享可能是最简单的选择。但从应用程序中可能会有其他方法。对此有何解决方案？

var fakeLink = document.createElement('a');
fakeLink.setAttribute('href', 'whatsapp://send?text='+encodeURIComponent(imageURL));
fakeLink.setAttribute('data-action', 'share/whatsapp/share');
fakeLink.click();