データURLにトップフレームをナビゲートするために許可されていません：コードの上JsPDF

try { 
    var a; 
    var b = new jsPDF("p", "pt", "a3"); 
    var c = document.getElementById("leftPieCanvas").toDataURL("image/png"); 
    b.addImage(c, "PNG", 265, 60); 
    a = document.getElementById("rightPieCanvas").toDataURL("image/png"); 
    b.addImage(a, "PNG", 205, 440); 
    if ($("#sales_table").length) { 
     var d = tableToJson($("#sales_table").get(0)); 
     b.setFont("helvetica"); 
     b.setFontType("bold"); 
     b.setFontSize(9); 
     $.each(d, function(a, c) { 
      $.each(c, function(c, d) { 
       b.cell(40, 830, 55, 20, d, a); 
      }); 
     }); 
    } 
    b.output("dataurlnewwindow"); 
} catch (e) { 
    alert(e); 
}

は、Firefoxで動作しているが、クロームで、私はインラインフレームを使用して提案をGoogleで検索して持っていないので、私はインラインフレームを作成したが、上記のコードでは、このコードを配置することができませんでしてきました誰もが私は上記のコードに次のコードを追加するので、私はGoogleのクロムにもPDFをレンダリングすることができますどのように提案することができます。純粋なJavaScriptでデータURLにトップフレームをナビゲートするために許可されていません：コードの上JsPDF

var html = '<html>' + 
     '<style>html, body { padding: 0; margin: 0; } iframe { width: 100%; height: 100%; border: 0;} </style>' + 
     '<body>' + 
     '<iframe src="' + url + '"></iframe>' + 
     '</body></html>';

出典

2017-08-12 KuldeeP ChoudharY

は多分 –

のJavaScriptのこの作品は、あなたのウェブサイトに

、この作品かもしれないように：

HTML：<オブジェクトID = "OBJ" タイプ= "アプリケーション/ PDF" > < /オブジェクト>

JSを：のdocument.getElementById （ 'obj'）。data = doc.output（ "datauristring"）;

私が間違っている場合は、試してください。

ありがとうございました！

出典

2017-08-14 23:12:26

ロッサートお返事ありがとうございました。上記の解決策は、クロムとモザイクでは動作しますが、エッジでは動作しません。 – Pruthviraj

<iframe id="ManualFrame" 
     frameborder="0" 
     style="border:0" 
     allowfullscreen> 
</iframe> 

<script> 
    $(function() { 
     setManualFrame(); 
    }); 

    function setManualFrame() { 
     $("#ManualFrame").attr("height", screen.height); 
     $("#ManualFrame").attr("width", screen.width); 
     $("#ManualFrame").attr("src", "data:application/pdf;base64," + Your_PDF_Data); 
    } 
</script>

出典

2017-08-15 07:05:46

データURLにトップフレームをナビゲートするために許可されていません：コードの上JsPDF

関連する問題