javascript - 带有换行符的标签 href 数据

Question

我正在使用 angularjs 并尝试创建一个系统来下载用 javascript 创建的 vcard。为了让 vcard 在移动设备上运行，需要通过 a 标签下载数据。问题是每次我设置 href="data:text/vcard, "+ string 它都会保存 vCard 但会删除换行符。 vCard 仅适用于换行符

有没有办法在保存数据的同时保留换行符？

$scope.saveVcard = function(){
    var user = $scope.member;
    var out_string = 'BEGIN:VCARD\nVERSION:2.1\n\rN:' + user.last_name + ';' + user.first_name + ';;;\n\r'; //name
    out_string += 'FN:' + user.first_name + ' ' + user.last_name + '\n\r';//FN
    if (user.phone){
    out_string += 'TEL;CELL:' + user.phone + '\n\r';} //Phone
    if (user.email){
    out_string += 'EMAIL;PREF;INTERNET:' + user.email + '\n\r';}//Email
    if (user.prof_pic){
    out_string += 'PHOTO;PNG:'+user.prof_pic + '\n\r';}//picture
    out_string += 'END:VCARD';
           var a         = document.createElement('a');
           a.href        = 'data:text/vcard,' + out_string;
           a.target      = '_blank';
           a.download    = 'contact.vcf';
           console.log(a.href);
           document.body.appendChild(a);
           a.click();
           document.body.removeChild(a);

Answer 1

啊哈，我想通了，只需使用函数 encodeURIComponent()。

var a = document.createElement('a');
       a.href        = 'data:text/vcard,' + encodeURIComponent(out_string);
       a.target      = '_blank';
       a.download    = 'contact.vcf';
       console.log(a.href);
       document.body.appendChild(a);
       a.click();
       document.body.removeChild(a);