我正在嘗試在用戶手機(jī)（IOS 和 ANDROID）上儲(chǔ)存電子名片。我正在使用這段程式碼
window.addEventListener("load", function () {
// Contact Information
var contact = {
...
};
// create a vcard file
var vcard = "BEGIN:VCARD\nVERSION:3.0\n"
+ "N:" + contact.name + ";;;\n"
+ "FN:" + contact.name + "\n"
+ "TEL;CELL:" + contact.phone + "\n"
+ "TEL;CELL:" + contact.mobile + "\n"
+ "EMAIL;HOME:" + contact.email + "\n"
+ "ADR;HOME:" + contact.address + "\n"
+ "ORG;WORK:" + contact.organization + "\n"
+ "TITLE:" + contact.title + "\n"
+ "URL:" + contact.url + "\n"
+ "NOTE:" + contact.notes + "\n"
+ "END:VCARD";
// var vcard = "BEGIN:VCARD\nVERSION:4.0\nFN:" + contact.name + "\nTEL;TYPE=work,voice:" + contact.phone + "\nEMAIL:" + contact.email + "\nEND:VCARD";
var blob = new Blob([vcard], { type: "text/vcard" });
var url = URL.createObjectURL(blob);
const newLink = document.createElement('a');
newLink.download = contact.name + ".vcf";
newLink.textContent = contact.name;
newLink.href = url;
newLink.click();
// window.close();
});
它可以工作，但 Android 手機(jī)上的此程式碼首先下載 vcard，然後用戶需要點(diǎn)擊下載才能匯入。我想要的是，當(dāng)用戶進(jìn)入此頁(yè)面時(shí)，我的聯(lián)絡(luò)人會(huì)自動(dòng)儲(chǔ)存在 Android 上，而無(wú)需下載任何檔案。 （在 IOS 上這不是問(wèn)題，因?yàn)楫?dāng)使用者造訪此網(wǎng)站時(shí)，他們會(huì)自動(dòng)重定向以匯入聯(lián)絡(luò)人）
注意： 我之前已經(jīng)播過(guò)一個(gè)有二維碼的範(fàn)例。當(dāng)我掃描二維碼時(shí)，他們將我重定向到導(dǎo)入聯(lián)絡(luò)人，我需要做的只是在手機(jī)上單擊 save
當(dāng)單擊 vCard 選項(xiàng)卡時(shí)，我想要與 https://www.qr-code-generator.com 相同的東西。但是當(dāng)頁(yè)面重新載入時(shí)，不掃描二維碼
1
0
0
您需要新增一個(gè)web share API的方法，根據(jù)您的程式碼，您可以新增navigator.share()，條件如if檢查此API是否瀏覽器支持，則會(huì)自動(dòng)下載其他下載連結(jié)。
就像下面更新的程式碼一樣：-
window.addEventListener("load", function () {
// Contact Information
var contact = {
...
};
// create a vcard file
var vcard = "BEGIN:VCARD\nVERSION:3.0\n"
+ "N:" + contact.name + ";;;\n"
+ "FN:" + contact.name + "\n"
+ "TEL;CELL:" + contact.phone + "\n"
+ "TEL;CELL:" + contact.mobile + "\n"
+ "EMAIL;HOME:" + contact.email + "\n"
+ "ADR;HOME:" + contact.address + "\n"
+ "ORG;WORK:" + contact.organization + "\n"
+ "TITLE:" + contact.title + "\n"
+ "URL:" + contact.url + "\n"
+ "NOTE:" + contact.notes + "\n"
+ "END:VCARD";
// var vcard = "BEGIN:VCARD\nVERSION:4.0\nFN:" + contact.name + "\nTEL;TYPE=work,voice:" + contact.phone + "\nEMAIL:" + contact.email + "\nEND:VCARD";
var blob = new Blob([vcard], { type: "text/vcard" });
var url = URL.createObjectURL(blob);
if (navigator.share) {
navigator.share({
title: 'New Contacts',
text: 'Save contacts',
files: [new File([blob], 'newcontact.vcf', { type: 'text/vcard' })],
}).then(() => { });
} else {
const newLink = document.createElement('a');
newLink.download = contact.name + ".vcf";
newLink.textContent = contact.name;
newLink.href = url;
newLink.click();
// window.close();
}
});
