请问后端返回pdf下载地址，前端怎么实现pdf的预览？

Question

请问后端返回pdf下载地址：
http://192.168.0.5:18080/api/Report/Down?fileName=%E6%A3%80%E...
8A%A5%E5%91%
8A(%E8%A1%80%E5%B8%B8%E8%A7%84)
A4_2023.07.11.16.22.34.185\1.pdf&width=209&height=297，前端怎么实现pdf的预览，不要下载？

Answer 1

谢谢大家，我还是让后端直接pdf转base64图片，展示在页面上，pdf确实没法直接展示在页面上吧。就这样解决了

Answer 2

直接使用 window.open(PDF_URL) 从新页面中打开就可以了。
但是得确保后端给到的URL时PDF的预览地址，而不是下载地址。

如果是返回的文件流之类的，那么就只能在前端下载好，生成对应的临时地址再在浏览器中打开了。

Answer 3

后端返回文件地址，前端直接在新标签页打开就可以实现预览了。