Code Monkey home page Code Monkey logo

Comments (5)

NiklasAkita avatar NiklasAkita commented on June 7, 2024 1

Yes, for now at least, i have luck using it on a website.
But you can't use the built in download functionality since it is based on a backend library.

from vcards-js.

jitendra1607 avatar jitendra1607 commented on June 7, 2024 1

@jitendra1607 @NiklasAkita do any of you guys have a working demo?
below is my solution.

 var vcf = `BEGIN:VCARD\nVERSION:3.0\nFN;CHARSET=UTF-8:${firstname} ${middlename} ${lastname}\nN;CHARSET=UTF-8:${lastname};${firstname};${middlename};;\nEMAIL;CHARSET=UTF-8;type=HOME,INTERNET:${email}\nTEL;TYPE=HOME,VOICE:${mobile_number}\nTEL;TYPE=WORK,VOICE:${mobile_number2}\nLABEL;CHARSET=UTF-8;TYPE=WORK:${address}\nADR;CHARSET=UTF-8;TYPE=WORK:;;;;;;\nROLE;CHARSET=UTF-8:${dt.d}\nORG;CHARSET=UTF-8:${dt.o}\nURL;type=WORK;CHARSET=UTF-8:${dt.w}\nREV:2020-08-31T03:41:09.870Z\nEND:VCARD`;

                  var imgqr = document.getElementById('qr');

                  imgqr.src = 'https://chart.googleapis.com/chart?cht=qr&chs=340x340&chl=' + vcf.replace(/\n/g,'%0A');

from vcards-js.

Imperio8 avatar Imperio8 commented on June 7, 2024 1

This is my solution to download it as a file:

import vCardsJS from 'vcards-js';

const download = (vCardString, fileName) => {
	let fileURL = window.URL.createObjectURL(new Blob([vCardString]));
	let fileLink = document.createElement('a');
	fileLink.href = fileURL;
	fileLink.setAttribute('download', `${fileName}.vcf`);
	document.body.appendChild(fileLink);
	fileLink.click();
};

const generateVCard= (contact) => {
       	//Map the data here accordingly
	vCard.firstName = contact.name;
	
	//Add Other data as listed on documentation
	
	//Stringify it
	const formattedString = vCard.getFormattedString()
	download(formattedString , `filename`);
}

This should work in any js file. I hope this helps :)

from vcards-js.

Toumash avatar Toumash commented on June 7, 2024 1

This issue can be closed :)

from vcards-js.

Toumash avatar Toumash commented on June 7, 2024

@jitendra1607 @NiklasAkita do any of you guys have a working demo?

from vcards-js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.