VueJS:查看存储在驱动器中的 PDF 文件(项目文件夹外)
VueJS: Viewing PDF files stored in drive (outside the project folder)
我是 Vue.js 的新手,想知道是否有办法通过上述 Vue 应用程序查看独立于 Vue 项目存储的 PDF 文件。
这是我需要的:
所有 PDF 文件都存储在一个文件夹中。我想提供 links 以在我从后端服务器获得的应用程序中访问它们。单击 link 后,PDF 应在新选项卡中打开,而 URL 就像
file:///C:/Users/user/Downloads/campusmap.pdf
到目前为止我尝试过的:
<a :href="fileAddress">View file</a>
当我将鼠标悬停在浏览器的 link 上时,它显示正确的 URL 但点击它没有任何反应。
如果我右键单击以在新选项卡中打开,它会显示已阻止 (about:blank#blocked)
使用<router-link>
显示
localhost:8080/C:/Users/user/Downloads/campusmap.pdf
当鼠标悬停在上面时。
有没有一种方法可以按我想要的方式通过 link 查看 PDF?请注意,我无法将所有 PDF 文件存储在资产或 public 文件夹中。
感谢您的帮助!
您不能从通过 http(s)://
协议获取的页面 link 到 file://
协议 url - 这是现代浏览器内置的安全措施.您唯一的选择是也提供网络服务器后面的本地文件,或者 运行 在 file://
url.
本地后面的应用程序
我是 Vue.js 的新手,想知道是否有办法通过上述 Vue 应用程序查看独立于 Vue 项目存储的 PDF 文件。
这是我需要的:
所有 PDF 文件都存储在一个文件夹中。我想提供 links 以在我从后端服务器获得的应用程序中访问它们。单击 link 后,PDF 应在新选项卡中打开,而 URL 就像
file:///C:/Users/user/Downloads/campusmap.pdf
到目前为止我尝试过的:
<a :href="fileAddress">View file</a>
当我将鼠标悬停在浏览器的 link 上时,它显示正确的 URL 但点击它没有任何反应。
如果我右键单击以在新选项卡中打开,它会显示已阻止 (about:blank#blocked)
使用<router-link>
显示
localhost:8080/C:/Users/user/Downloads/campusmap.pdf
当鼠标悬停在上面时。
有没有一种方法可以按我想要的方式通过 link 查看 PDF?请注意,我无法将所有 PDF 文件存储在资产或 public 文件夹中。
感谢您的帮助!
您不能从通过 http(s)://
协议获取的页面 link 到 file://
协议 url - 这是现代浏览器内置的安全措施.您唯一的选择是也提供网络服务器后面的本地文件,或者 运行 在 file://
url.