如何使用JavaScript将文件附加到电子邮件中？

<form id="emailForm" action="sendEmail.php" method="post" enctype="multipart/form-data">
  <input type="file" name="attachment" id="attachment">
  <input type="submit" value="发送邮件">
</form>

document.getElementById("emailForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  var fileInput = document.getElementById("attachment");
  var file = fileInput.files[0]; // 获取选择的文件

  var formData = new FormData();
  formData.append("attachment", file); // 将文件添加到FormData对象中

  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "sendEmail.php", true);

  // 监听上传进度
  xhr.upload.addEventListener("progress", function(e) {
    if (e.lengthComputable) {
      var percent = Math.round((e.loaded / e.total) * 100);
      console.log("上传进度：" + percent + "%");
    }
  });

  // 监听上传完成事件
  xhr.addEventListener("load", function() {
    if (xhr.status === 200) {
      console.log("文件上传成功");
    } else {
      console.log("文件上传失败");
    }
  });

  // 发送请求
  xhr.send(formData);
});

<?php
$attachment = $_FILES["attachment"];

$targetDir = "attachments/"; // 保存附件的目标文件夹
$targetFile = $targetDir . basename($attachment["name"]);

if (move_uploaded_file($attachment["tmp_name"], $targetFile)) {
  // 文件保存成功，可以进行进一步处理，如发送邮件等
  echo "文件上传成功";
} else {
  // 文件保存失败
  echo "文件上传失败";
}
?>