根据pdf或word 文档的地址链接打印文件内容

需求

点击一个按钮,可以打印后端返回的一个pdf或者word 文档的地址

思路

点击打印可以弹出一个预览modal然后通过iframe先预览打印内容

实现

  1. 如果是pdf文件src直接为下载地址
<iframe src="https://invtest.nntest.cn/fp/Pj_EV98RTt2gGddvGE24TIn6PCvHnCTeScQGyVchKHNcHWCDxjkofCEY3KXuN3GhVkeWSVc7DYwDDQVZUAR8Jw.pdf" width="600" height="400" >
</iframe>
  1. 如果后端返回是word文件地址,src直接设置为该地址会出现下载文档的情况,地址前面加上:https://view.officeapps.live.com/op/view.aspx?可以解决
<iframe src="https://view.officeapps.live.com/op/view.aspx?src=https://r-test.com/contract/ce928bb8480b420faa05070f0c42b6ed.docx" width="600" height="400" >
</iframe>

可以直接把代码复制到菜鸟在线编辑器验证
https://www.runoob.com/try/try.php?filename=tryhtml_iframe_align

你可能感兴趣的:(前端开发,html)