JavaScript生成vCard：添加照片与丰富联系人信息

document.getElementById("save-btn").addEventListener("click", function() {
  // 1. 定义包含所有联系人信息的JavaScript对象
  var contact = {
    name: "John Smith",
    phone: "555-555-5555",
    email: "john.smith@example.com", // 清理后的邮件地址
    company: "Acme Corp",
    jobTitle: "Software Engineer",
    address: {
      street: "123 Main St",
      city: "Anytown",
      state: "CA",
      zip: "90210",
      country: "USA"
    },
    website: "https://www.acmecorp.com",
    notes: "这是一个关于John Smith的备注，他是一名优秀的软件工程师。"
  };

  // 2. 构建vCard字符串的头部和基本信息
  // 推荐使用 vCard 4.0 版本
  var vcard = "BEGIN:VCARD\nVERSION:4.0\n";

  // 格式化姓名 (FN: Formatted Name)
  vcard += "FN:" + contact.name + "\n";
  // 电话 (TEL: Telephone)
  vcard += "TEL;TYPE=work,voice:" + contact.phone + "\n";
  // 电子邮件 (EMAIL)
  vcard += "EMAIL;TYPE=work:" + contact.email + "\n";

  // 3. 添加更多详细属性
  if (contact.company) {
    vcard += "ORG:" + contact.company + "\n";
  }
  if (contact.jobTitle) {
    vcard += "TITLE:" + contact.jobTitle + "\n";
  }
  if (contact.address) {
    // ADR 属性格式: PO Box; Extended Address; Street; City; State; Postal Code; Country
    // 如果某些字段为空，使用双分号 ;;
    vcard += "ADR;TYPE=work:;;" + contact.address.street + ";" +
             contact.address.city + ";" + contact.address.state + ";" +
             contact.address.zip + ";" + contact.address.country + "\n";
  }
  if (contact.website) {
    vcard += "URL;TYPE=work:" + contact.website + "\n";
  }
  if (contact.notes) {
    // 注意：如果备注内容包含特殊字符，可能需要进行转义。
    // vCard 4.0 通常会自动处理，但复杂文本仍需注意。
    vcard += "NOTE:" + contact.notes + "\n";
  }

  // 4. vCard字符串的尾部
  vcard += "END:VCARD";

  // 5. 将vCard字符串转换为Blob并创建下载链接
  var blob = new Blob([vcard], {
    type: "text/vcard;charset=utf-8" // 明确指定字符集
  });
  var url = URL.createObjectURL(blob);

  const newLink = document.createElement('a');
  newLink.download = contact.name + ".vcf";
  newLink.textContent = "点击下载 " + contact.name + " 的联系方式"; // 更好的用户提示
  newLink.href = url;

  // 模拟点击下载
  newLink.click();

  // 释放URL对象，避免内存泄漏
  URL.revokeObjectURL(url);
});

document.getElementById("save-btn").addEventListener("click", function() {
  var contact = {
    name: "John Smith",
    phone: "555-555-5555",
    email: "john.smith@example.com",
    company: "Acme Corp",
    jobTitle: "Software Engineer",
    address: {
      street: "123 Main St",
      city: "Anytown",
      state: "CA",
      zip: "90210",
      country: "USA"
    },
    website: "https://www.acmecorp.com",
    notes: "这是一个关于John Smith的备注，他是一名优秀的软件工程师。",
    // 添加照片URL
    photoUrl: "https://via.placeholder.com/150/0000FF/FFFFFF?text=JS+VCard" // 示例图片URL
  };

  var vcard = "BEGIN:VCARD\nVERSION:4.0\n";

  vcard += "FN:" + contact.name + "\n";
  vcard += "TEL;TYPE=work,voice:" + contact.phone + "\n";
  vcard += "EMAIL;TYPE=work:" + contact.email + "\n";

  if (contact.company) {
    vcard += "ORG:" + contact.company + "\n";
  }
  if (contact.jobTitle) {
    vcard += "TITLE:" + contact.jobTitle + "\n";
  }
  if (contact.address) {
    vcard += "ADR;TYPE=work:;;" + contact.address.street + ";" +
             contact.address.city + ";" + contact.address.state + ";" +
             contact.address.zip + ";" + contact.address.country + "\n";
  }
  if (contact.website) {
    vcard += "URL;TYPE=work:" + contact.website + "\n";
  }
  if (contact.notes) {
    vcard += "NOTE:" + contact.notes + "\n";
  }

  // 添加 PHOTO 属性 (vCard 4.0, URI 方式)
  if (contact.photoUrl) {
    // 假设图片是JPEG格式，如果图片类型不确定，可能需要更复杂的逻辑判断
    vcard += "PHOTO;MEDIATYPE=image/jpeg:" + contact.photoUrl + "\n";
  }

  vcard += "END:VCARD";

  var blob = new Blob([vcard], {
    type: "text/vcard;charset=utf-8"
  });
  var url = URL.createObjectURL(blob);

  const newLink = document.createElement('a');
  newLink.download = contact.name + ".vcf";
  newLink.href = url;
  newLink.click();
  URL.revokeObjectURL(url);
});