htmlボタンでメールに画像を添付するには

Question

私は自分のウェブページにスクリーンショットを撮ってイメージとして保存できるhtmlボタンを作成しました。そのために私は次のコードを使用しました。

<button class="btn btn-default btn-sm" style="margin:0px 0px -10px 970px; padding:2px 4px 1px 4px" onclick="genScreenshot()"><span class="glyphicon glyphicon-envelope"></span></button> 

<a id="test"></a> 
<div id="box1"></div> 


<script type="text/javascript">                            
      function genScreenshot() { 
html2canvas(document.body, { 
    onrendered: function(canvas) { 
    $('#box1').html(""); 
    if (navigator.userAgent.indexOf("MSIE ") > 0 || 
                      navigator.userAgent.match(/Trident.*rv\:11\./)) 
              { 
      var blob = canvas.msToBlob(); 
    window.navigator.msSaveBlob(blob,'Test file.png'); 
    } 
    else { 
    $('#test').attr('href', canvas.toDataURL("image/png")); 
    $('#test').attr('download','screenshot.png'); 
    $('#test')[0].click(); 
    } 
    } 
}); 
} 
</script> 

は今、私はそれは（すなわち、ワンクリックで、それはスクリーンショットをダウンロードする必要があり、また、メールに添付）ダウンロードされる後outlook新しいメールにこの画像を添付したいです。 これを行う方法はありますか？ もしそうなら、私にはっきりと説明してください。私は難しい概念を理解していません。だから、それをで説明してください。素人用語。

Answer 1

ファイルを入手したら、mailtoリンクを使用して送信できます。ここをクリックしてください： https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Email_links

おそらく、電子メールに埋め込まれたbase64でエンコードされたimg要素として最適です。