WhatsApp lien de partage HTML pour L'Image

je sais que vous pouvez partager des messages avec et cela fonctionne sur android et ios maintenant:

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

cependant je voudrais partager une image à travers un bouton sur mon site Web comme quelqu'un partagerait une image de son téléphone (Galerie). Est ce de toute façon possible?

25
demandé sur Manuel 2014-11-19 17:42:16

1 réponses

une solution qui vient à l'esprit est de télécharger une photo sur votre serveur via AJAX, retourner le lien vers la photo téléchargée et ensuite envoyer un message avec le lien vers votre photo en utilisant la méthode que vous avez décrite dans votre question. Ce n'est pas tout à fait la même chose que d'envoyer une image directement en utilisant Whatsapp puisque le destinataire ne recevrait qu'un lien, mais je doute qu'il y ait jamais un moyen d'envoyer une image à une autre application de votre galerie en utilisant une page web depuis cela soulèverait de graves inquiétudes.

en gros, le processus voudrait ceci (gardez à l'esprit que cela nécessitera quelques essais pour obtenir le droit et trouver une solution qui fonctionne bien sur toutes les plates-formes ou au moins la plupart d'entre eux):

  1. créez un téléchargement d'image sur votre site web. Simplement avoir <input type="file" accept="image/*"> sur votre page devrait, sur la plupart des plateformes, vous permettre de créer un bouton qui ouvrira une boîte de dialogue pour sélectionner une image à partir de votre la galerie du téléphone quand cliqué. Vous pouvez trouver un exemple complet ici ou utiliser une bibliothèque telle que Plupload qui contient de nombreuses méthodes de téléchargement, y compris HTML5 qui est ce dont vous avez besoin.

  2. créez un téléchargement simple côté serveur. Cela dépend de votre langue et de votre plate-forme, mais tout ce que vous devez faire est de stocker l'image quelque part et de retourner un lien vers elle en réponse. Si vous ne voulez pas enregistrer ces images sur votre serveur, vous pouvez le transmettre à API Imgur et y télécharger.

  3. redirigez l'utilisateur vers le lien whatsapp:// qui contient le lien image.

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

    C'est le point où vous devez faire quelques essais sur différentes plates-formes, cependant. Vous pourriez ne pas être en mesure de rediriger vers un lien whatsapp:// de cette façon (car il semble comme un problème de sécurité), donc vous pouvez avoir besoin de truquer (c'est un mauvaise idée, mais je l'inclus par souci d'exhaustivité; la partie data-action est de cette réponse ):

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

    à la fin, si aucun de ces deux Travaux, votre meilleur pari est de créer un lien une fois le téléchargement terminé pour l'utilisateur de" confirmer "l'envoi qui contient effectivement le lien ci-dessus whatsapp:// dans le champ href .

il y a de nombreux facteurs à vérifier et certains sont mise en œuvre spécifique donc j'ai dû le garder vague sans beaucoup de code - si vous rencontrez quoi que ce soit d'autre lors de la mise en œuvre, s'il vous plaît le mentionner dans les commentaires.

5
répondu fstanis 2017-05-23 12:13:53