vue如何用点击事件打开本地的pdf文件 不在页面显示 直接使用本地的wps或word软件打开
wps 有插件,可以做, word没了解过,应该也有
首先,打开PDF文件使用的是wps还是word网页上没办法控制,网页上能做的只有调用电脑打开文件,具体是使用哪一个软件打开PDF,取决于你电脑配置的默认使用哪个应用打开PDF的设置
其次Vue如果运行在浏览器端,出于浏览器的安全性考虑,浏览器默认无法直接读取存放在磁盘内的文件,除非当前文件放在项目目录里面,属于项目的静态资源,那么你可以用iframe标签src="文件地址"就可以直接打开，还可以设置width,height等属性。具体参考iframe属性。
<iframe src="http://localhost:8080/%E9%9F%A6%E6%88%90%E7%8E%89.pdf"></iframe>
这里面地址也是网络地址,在网页上想要直接访问不属于当前项目中的磁盘文件唯一的方式就是将当前磁盘部署成服务发布出去,然后通过网络地址的方式访问,
或者你将PDF文件放在你项目的目录里面,当做项目的静态资源,类似图片一样,你就可以使用
直接a标签src="文件地址"
的方式来实现
<web-view :src="fileUrl"></web-view>
fileUrl你的文件地址
默认前端是无法直接打开的，需要选择一个更加迂回的方式
比如前端调用后端的REST API接口来实现这个功能
解决方法
可以尝试使用API接口调用的方式来打开本地PDF文件
1、设置PDF默认打开方式为WPS
2、以Python为例，编写REST API，里面包含这段代码
import os
os.system(“本地文件路径”)
如有问题及时沟通
直接window.open(“文档绝对地址”) 这样应该可以吧。