Reactjs 将print js与react一起使用

Reactjs 将print js与react一起使用,reactjs,printing,printjs,Reactjs,Printing,Printjs,我是React Js新手,我正在尝试使用printJS从url打印文件 我的目的是访问数据库并获取要打印的pdf文件的url,然后打印它(如果可能,无需打开新页面) 对于测试,在返回url后,我只是尝试打印一个本地文件,而不是db提供的url(我认为可能会因为安全问题、CORS等而出现问题) 将库导入项目后,我将尝试执行以下操作: printJS('path/to/file/a.pdf') 我没有收到任何错误,似乎什么也没有发生,除了这个警告: 资源解释为文档,但使用MIME类型应用程序传输/p

我是React Js新手,我正在尝试使用printJS从url打印文件

我的目的是访问数据库并获取要打印的pdf文件的url,然后打印它(如果可能,无需打开新页面)

对于测试,在返回url后,我只是尝试打印一个本地文件,而不是db提供的url(我认为可能会因为安全问题、CORS等而出现问题) 将库导入项目后,我将尝试执行以下操作:
printJS('path/to/file/a.pdf')

我没有收到任何错误,似乎什么也没有发生,除了这个警告:

资源解释为文档,但使用MIME类型应用程序传输/pdf:“blob:http://localhost:3000/18bdc43e-6b53-47ea-91e4-bb62ad76dcc6“

该文件存在,当我使用url栏并放置path/to/file/a.pdf时,我可以访问该pdf。


看起来您需要使用域url而不是本地文件路径。

谢谢您的回答。不知道你的意思。我将文件放在我的公用文件夹中,在那里我可以访问我的所有照片,但使用printJS(“/fileName.pdf”)会导致以下错误:
Uncaught-DOMException:Blocked a frame with origin”http://localhost:3000“从访问交叉原点帧。在performPrint(网页包-internal:///./node_modules/print-js/dist/print.js:1245:43)在HTMLIFrameElement.iframeElement.onload(网页包-internal:///./node_modules/print-js/dist/print.js:1201:17