时间戳

首页 > 解决方案 > 如何通过电子邮件发送屏幕截图？

javascript - 如何通过电子邮件发送屏幕截图？

问题描述

我有一些捕获容器的代码。为了捕捉我正在使用'html2canvas'。我想要做的是通过电子邮件发送这个捕获。对于电子邮件，我使用的是“smtpjs”。如何通过电子邮件发送捕获？这可以在不必保存捕获的情况下完成吗？

这是我的代码：

<html>
<head>
    <script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
    <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
    <script src="https://smtpjs.com/v3/smtp.js"></script>
</head>

<body>
<div class="source-container" id="test2" style="background- 
 color:red;width:300px;height:300px;float:left;"></div>

<br/>
<input type='button' id='but_screenshot' value='Take screenshot' onclick='screenshot();'><br/>
<input type='button' id='but_screenshot' value='Send' onclick='email();'><br/>

<!-- Script -->
<script>
    function screenshot() {
        html2canvas(document.querySelector("#test2")).then(canvas => {
            document.body.appendChild(canvas)
        });
    }

    function email() {
        Email.send({
            SecureToken: "0968b-d55-45-b4a8-5d6370",
            To: 'test@gmail.com',
            From: "test@gmail.com",
            Subject: "This is the subject",
            Body: "iuwaehfiuwreu"
        }).then(
            message => alert(message)
        );
    }
</script>
</body>
</html>

标签： javascripthtmlhtml2canvas

解决方案

从页面https://smtpjs.com/

开发提示：如果您想以 base64 格式发送附件，而不是将“路径”作为属性传递，而是以 dataUri 格式发送“数据”属性。以 dataUri 格式。（示例即将推出！）

例子：

Email.send({
    SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
    To : 'them@website.com',
    From : "you@isp.com",
    Subject : "This is the subject",
    Body : "And this is the body",
    Attachments : [
    {
        name : "smtpjs.png",
        data : canvas.toDataURL()
    }]
}).then(
  message => alert(message)
);

推荐阅读