如何使用JavaScript将LocalStorage数据发送至管理员邮箱

结合你现有代码的逻辑（收集3条消息后触发动作），下面提供两种可行的邮件发送方案：

方案1：使用 mailto 协议（无需第三方服务） #

这种方式直接唤起用户默认邮箱客户端，无需额外配置，但需要用户手动确认发送，适合简单场景。

替换你代码中if (messages.length === 3)块内的逻辑，修改后如下：

if (messages.length === 3) {
  window.localStorage.setItem('messages', JSON.stringify([]));
  
  // 将收集的消息格式化为易读文本
  const formattedMessages = messages.map(msg => 
    `[${new Date(msg.timestamp).toLocaleString()}] ${msg.display_name}(${msg.nick}): ${msg.msg}`
  ).join('\n\n');
  
  // 构造mailto链接，替换为管理员邮箱
  const mailtoUrl = `mailto:admin@example.com?subject=客户反馈消息&body=${encodeURIComponent(formattedMessages)}`;
  
  // 唤起邮箱客户端
  window.location.href = mailtoUrl;
  
  // 若无需保留原表单提交逻辑，可删除下面这行
  // document.getElementById("hidden-form").submit();
}

注意：使用encodeURIComponent对邮件内容编码，避免特殊字符破坏链接结构。

方案2：使用 EmailJS（自动发送，无需后端） #

EmailJS支持前端直接发送邮件到指定邮箱，无需搭建后端服务，需要先完成平台配置：

1. 注册EmailJS账号，创建邮件服务（如绑定Gmail/Outlook）
2. 创建邮件模板，定义收件人、主题、内容等字段

代码修改步骤： #

1. 引入EmailJS SDK（可通过CDN添加到HTML）：

<script src="https://cdn.emailjs.com/dist/email.min.js"></script>

2. 修改你代码中的消息触发逻辑：

// 初始化EmailJS，替换为你的用户ID
emailjs.init('YOUR_USER_ID');

if (messages.length === 3) {
  window.localStorage.setItem('messages', JSON.stringify([]));
  
  // 格式化消息内容
  const formattedMessages = messages.map(msg => 
    `[${new Date(msg.timestamp).toLocaleString()}] ${msg.display_name}(${msg.nick}): ${msg.msg}`
  ).join('\n\n');
  
  // 调用EmailJS发送邮件，替换为你的服务ID、模板ID和管理员邮箱
  emailjs.send('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', {
    to_email: 'admin@example.com',
    subject: '客户反馈消息',
    message: formattedMessages
  })
  .then(() => {
    console.log('邮件发送成功');
    // 可添加发送成功后的用户提示逻辑
  }, (err) => {
    console.error('邮件发送失败:', err);
    // 可添加失败后的重试或提示逻辑
  });
  
  // 若无需保留原表单提交，删除下面这行
  // document.getElementById("hidden-form").submit();
}

额外说明： #

• 现有代码中#mes2输入框的拼接逻辑，若使用EmailJS则无需保留，可根据需求删除
• EmailJS的敏感信息（用户ID、服务ID）若在公开项目中使用，建议通过后端代理调用，避免泄露

内容的提问来源于stack exchange，提问作者Prashant Singh