JavaScript 如何发送电子邮件

在本文中，我们将学习如何使用Simple Mail Transfer Protocol（SMTP）来发送邮件，这是一个免费的JavaScript库。它主要用于发送电子邮件，因此仅适用于发件人的邮件。要能够发送邮件，您需要在设置电子邮件客户端时提供正确的SMTP服务器。大多数互联网系统使用SMTP作为将邮件从一个用户传输到另一个用户的方法。它是一个推送协议。为了使用SMTP，您需要配置您的Gmail账户。您需要更改正在发送邮件的Gmail账户的两个设置，即：

撤销两步验证
启用对Gmail的不安全应用程序的访问。您只需点击该链接即可轻松完成此操作。

在此之后，只需创建一个HTML文件，并在您的<script></script>标签中包含SMTP：

<script src="https://smtpjs.com/v3/smtp.js"></script>

下面是您需要运行的HTML文件，以便发送电子邮件。

示例:

<!DOCTYPE html> 
<html> 
<head> 
<title>Send Mail</title> 
<script src= 
    "https://smtpjs.com/v3/smtp.js"> 
</script> 

<script type="text/javascript"> 
    function sendEmail() { 
    Email.send({ 
        Host: "smtp.gmail.com", 
        Username: "sender@email_address.com", 
        Password: "Enter your password", 
        To: 'receiver@email_address.com', 
        From: "sender@email_address.com", 
        Subject: "Sending Email using javascript", 
        Body: "Well that was easy!!", 
    }) 
        .then(function (message) { 
        alert("mail sent successfully") 
        }); 
    } 
</script> 
</head> 

<body> 
<form method="post"> 
    <input type="button" value="Send Email"
        onclick="sendEmail()" /> 
</form> 
</body> 
</html>

输出: 只需点击按钮，邮件将被发送：如果邮件成功发送，您将看到下方的弹窗

JavaScript 如何发送电子邮件

现在的问题是，如果你有多个接收者怎么办？在这种情况下，你只需要按照下面所描述的配置你的sendMail()函数：

to: 'first_username@gmail.com, second_username@gmail.com',

其他都将保持不变。如果你想向接收者发送HTML格式文本，则需要在你的邮件函数中添加以下代码：

html: "<h1>GeeksforGeeks</h1>
<p>A computer science portal</p>"

最后，为了发送附件，只需在sendMail()函数中编写以下代码：

Attachments : [{
    name : "File_Name_with_Extension",
    path:"Full Path of the file"
}]

因此，上述配置之后的最终JavaScript代码如下所示：

示例:

<!DOCTYPE html> 
<html> 
<head> 
<title>Sending Mail</title> 
<script src="https://smtpjs.com/v3/smtp.js"></script> 
<script type="text/javascript"> 
    function sendEmail() { 
    Email.send({ 
        Host: "smtp.gmail.com", 
        Username: "sender@email_address.com", 
        Password: "Enter your password", 
        To: 'receiver@email_address.com', 
        From: "sender@email_address.com", 
        Subject: "Sending Email using javascript", 
        Body: "Well that was easy!!", 
        Attachments: [ 
        { 
            name: "File_Name_with_Extension", 
            path: "Full Path of the file" 
        }] 
    }) 
        .then(function (message) { 
        alert("Mail has been sent successfully") 
        }); 
    } 
</script> 
</head> 

<body> 
<form method="post"> 
    <input type="button" value="Send Mail"
        onclick="sendEmail()" /> 
</form> 
</body> 
</html>

输出:

JavaScript 如何发送电子邮件