Чтобы прикрепить изображение к письму по кнопке html, нажмите

Я создал 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новой почте после ее загрузки (т. Е. Одним щелчком мыши она должна загрузить скриншот, а также прикрепить его к почте). Есть ли способ сделать это? И если так, пожалуйста, объясните мне ясно. Я не понимаю сложных концепций. Поэтому, пожалуйста, объясните это в непрофессиональных условиях .