一,PC
1.在 pc 端浏览器中,最好用的方法是使用浏览器自带的 <a />
标签进行预览:
- 直接通过 a 标签进行预览
// a标签属性会连接到队形的 url 地址,所以如果url是一个以.PDF结尾的链接,浏览器会直接在浏览器打开
// type属性规定被链接文档的的 MIME 类型相对性的类型文件会在浏览器打开
<a href="https://pdfobject.com/pdf/sample-3pp.pdf" type='application/pdf'>PDF</a>
- 通过动态创建 a 标签进行预览
// 这种情况适用于文件流PDF预览
// 通过文件流创建 url
const url = window.URL.createObjectURL(new Blob([file],{
type:'application/pdf'}))