5种前端实现邮件发送至指定邮箱的方式

亦凉 2022-12-28 08:29 260阅读 0赞

![format_png][]

在前端开发中，JavaScript并没有提供直接操作Email邮箱的功能方法，但是如果遇到这样的需求，我们应该如何实现js发送邮件至指定邮箱功能呢？下面列举能够在通过前端实现邮件发送的5种方式：

### **方式1：利用a标签的href属性** ###

这种方式需要客户端安装有邮件客户端软件，比如 Foxmail,Outlook,YoMail之类的，mailto等于就是调用本机的邮件客户端，来进行发送邮件。记得需要配置邮箱的户手工配POP3和SMTP哦!!

### **方式2：利用js中location** ###

这种和方式一一样，需要安装邮件客户端软件，只是改为在js中调用而已。

### **方式3：使用node中nodemail** ###

首先需要安装node的环境，然后安装nodemailer：

npm install nodemailer --savenpm install nodemailer-smtp-transport --save

config.js下的配置：

module.exports = {    email: {//邮件配置        service: '邮箱地址',        user: '你的邮箱',        pass: '你的密码',    }}

调用方法：

sendMail('fly63@qq.com','这是测试邮件', '这是内容');

## **方式4：使用node的emailjs** ##

需要node的环境，安装emailjs,如下：

npm install emailjs

由于邮箱的SMTP服务默认是关闭的，那我们要发送的话，首先得开启，然后关键点来了，开启的时候会生成一个授权码，这个授权码需要复制下来，保存好。

实现代码：

## **方式5：使用jMail** ##

jmail是一个第三方邮件操作组件，通常位于web服务器端，和站点程序紧密配合来接收及提交邮件到邮件服务器的控件，让网站拥有发送邮件和接收邮件的功能。需要下载运行jMail.dll文件安装服务，同时浏览器存在兼容问题,需要开启POP/IMAP,host配置等，不推荐大家使用。

本文完~

最后

*  欢迎加我微信(winty230)，拉你进技术群，长期交流学习...  
    
 *  欢迎关注「前端Q」,认真学前端，做个专业的技术人...

![format_png 1][]

![format_png 2][]

点个**在看**支持我吧

![format_png 3][]

[format_png]: /images/20221120/3de5d92a8e1d4b138da831b3fe70d9db.png
[format_png 1]: /images/20221120/8e4c4ff7208e429aa4fc9581ef7ee723.png
[format_png 2]: /images/20221120/c1ee2e4f54cc42c2a4f99ef8c2ca3e62.png
[format_png 3]: /images/20221120/798fd6e9a8624e5fae3a1943b59ee99f.png