javascript - 如何以模态显示pdf而不是在react js中在新窗口中打开它

我已经在react js中使用blob文本创建了一个pdf文件，并使用“ window.open（fileURL，“ _blank”）“”创建了pdf文件，我能够在新窗口中看到该pdf。

但是现在我的要求是在ui中将pdf显示为模态，当单击模态时可以在另一个窗口中查看它。任何人都可以帮忙。

以下是我的代码段：

var oReq = new XMLHttpRequest();

 var URLToPDF = baseUrl+"/downloadPDF

  oReq.open("GET", URLToPDF, true);

oReq.responseType = "blob";
var that = this;
oReq.onload = function() {

    const pdfFile = new Blob([oReq.response], { type: 'application/pdf' });

    const fileURL = URL.createObjectURL(pdfFile);

     window.open(fileURL, "_blank");

};
   oReq.send();

最佳答案

您可以在模型内部添加iframe。

 <div className="model">
     <div className="modelContent">
         <iframe src="http://www.africau.edu/images/default/sample.pdf" style="width:600px; height:500px;" frameborder="0"></iframe>
     </div>
 </div>

关于javascript - 如何以模态显示pdf而不是在react js中在新窗口中打开它，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55471323/