javascript - 要将图像附加到 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 元素。