adobe_dc_view_sdk pdf 文件预览问题答案

【问题标题】：Issue with adobe_dc_view_sdk pdf file previewadobe_dc_view_sdk pdf 文件预览问题
【发布时间】：2022-08-20 04:51:35
【问题描述】：

我正在https://www.thacherandrye.com/dinner、https://www.thacherandrye.com/the-shed、https://www.thacherandrye.com/brunch 上测试 adobe 文档云视图 sdk

有时，文件预览不起作用，我只能在屏幕上看到一个大空白（控制台中没有错误）。每当我第一次在浏览器或隐身窗口中加载该页面时，该文件会出现在预览中，但在重新加载或移动到具有预览的另一个页面后，该文件似乎消失了。我检查了密钥是否错误/过期，但即使是第一次也不应该加载文件。

下面是我用于 api 的 Javascript 代码：

$(document).ready(function() {
        document.addEventListener(\"adobe_dc_view_sdk.ready\", function(){ 
            var adobeDCView = new AdobeDC.View({ clientId: SOME_KEY, divId: $(\'#adobeDcViewId{Id}\').val() });
            adobeDCView.previewFile({
                content: { location: { url: $(\'#hdnUrl{Id}\').val() } },
                metaData: { fileName: $(\'#hdnFileName{Id}\').val()  }
            }, 
        { 
        showDownloadPDF: $(\'#hdnRestrictDownload{Id}\').val() !== \'true\', 
        showPrintPDF: $(\'#hdnRestrictDownload{Id}\').val() !== \'true\' 
        });
        });
});

技术栈：.net 框架 4.7.2、jQuery 3.6.0

标签： javascript adobe adobe-embed-api

【解决方案1】：

我试图在我们的论坛上帮助你，但我不知道你是否看到了我的回复。这条线让我担心：

 $('#adobeDcViewId{Id}').val()

需要传递给 divId 的值需要是字符串，并且需要与 div 元素的 ID 相匹配。此外，#adobeDcViewId{Id} 在我看来并不是一个有效的 CSS 选择器。

您可以尝试将其更改为您网站上 div 的硬编码值吗？

【讨论】：