adobe-embed-api - 尝试更改嵌入中加载的 PDF 的问题

Question

我正在使用 Adob​​e PDF Embed API，并且可以在用户选择后成功显示 PDF。当我的应用程序启动时，我初始化了一个 DC View 对象：

let dcView = new AdobeDC.View({
    clientId: ADOBE_KEY, 
    divId: div
});

在用户拖动文件后，我使用文件阅读器向它抛出一个承诺：

let reader = new FileReader();
let name = this.pdfFile.name;
      
reader.onloadend = function(e) {
    let filePromise = Promise.resolve(e.target.result);
    dcView.previewFile({
        content: { promise: filePromise }, 
        metaData: { fileName: name }
    });

};
reader.readAsArrayBuffer(this.pdfFile);

这完美......一次。如果我再次拖动一个文件，当它到达渲染部分时，只有嵌入顶部的文件名发生变化，而不是实际渲染的内容。

Answer 1

在加载新文档之前，您需要重新创建 Adob​​eDC.View 对象。我猜这是因为如果操作需要一段时间才能解决，例如加载注释或执行搜索，则可能存在未解决的 Promise。您的新代码可能如下所示...

let reader = new FileReader();
let name = this.pdfFile.name;
      
reader.onloadend = function(e) {
    let filePromise = Promise.resolve(e.target.result);
    let dcView = new AdobeDC.View({
        clientId: ADOBE_KEY, 
        divId: div
    });        
    dcView.previewFile({
        content: { promise: filePromise }, 
        metaData: { fileName: name }
    });

};
reader.readAsArrayBuffer(this.pdfFile);