Question

我正在使用angularjs并且正在尝试创建一个下载在javascript中创建的vcard的系统。为了使vcard在移动设备上工作，需要通过标签下载数据。问题是每次我设置href =＆＃34; data：text / vcard，＆＃34; + string它会保存vCard但删除换行符。 vCards仅适用于换行符

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

$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);

带有换行符的标签href数据

1 个答案: