打开 PDF with Adobe Lightbox Embed API through click a link

Question

我是网站开发的新手，我想知道如何在单击页面上的链接后运行此脚本。

<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
    document.addEventListener("adobe_dc_view_sdk.ready", function(){ 
        var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>"});
        adobeDCView.previewFile({
            content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Summary.pdf"}},
            metaData:{fileName: "Summary.pdf"}
        }, {embedMode: "LIGHT_BOX"});
    });
</script>

该页面将有多个指向不同 PDF 的链接，因此我知道相应地更改脚本中的 pdf 链接。 任何帮助将不胜感激...

Answer 1

不要将代码添加到 sdk.ready 事件，而是将其添加到按钮单击事件。

document.getElementById("MyButton").addEventListener('click', function() 
{
    var adobeDCView = new AdobeDC.View(
        {
            clientId: "<YOUR_CLIENT_ID>"
        }
    );

    adobeDCView.previewFile(
        {
            content: {
                promise: Promise.resolve(arrayBuffer)
            },
            metaData: {
                fileName: "TheNameOfMyFile.pdf"
            }
        },
        {
            embedMode: "LIGHT_BOX"
        }
    );
});