H5预览PDF文件

 1.安装npm i pdfh5  (如果是ts项目就去tsconfig.json文件中把strict改为false)

2.在页面

 

3.引入import Pdfh5 from "pdfh5"; 


4.调接口 

 getYuLan() {
            // debugger
            uni.request({
                url: `${host}yulanAdmissionTicke`, //host是baseUrl后面是请求地址
                method: 'GET',
                responseType: "arraybuffer",  //文件类型
                header: {
                    "content-type": "application/json",  //json类型
                    "token": localStorage.getItem(LocalData.TOKEN) //token
                },
                success: (res: any) => {
                    console.log(res.data);
                    this.pdfh5 = new Pdfh5('#demo', {
                        data: res.data
                    });
                 //this.pdfh5需要在data中定义
                },
                fail: err => {
                    console.log(err)
                }
            })
        }
//注意getYuLan方法需要在初始化钩子调用

你可能感兴趣的:(pdf,javascript,前端)