react集成react-pdf获取文件流预览下载pdf,展示电子签章

1.下载依赖包

代码如下(示例):

npm install react-pdf

2.引入依赖包

代码如下(示例):

import {
    Document, Page } from 'react-pdf';

2.预览pdf

代码如下(示例):

//pdf展示
<Document
    file={
   this.state.PDFBlob}	//文件路径或者base64
    // onLoadSuccess={onDocumentLoadSuccess} //成功加载文档后调用
    onLoadError={
   console.error} //加载失败时调用
    renderMode="canvas"	 //定义文档呈现的形式
    loading="正在努力加载中" //加载时提示语句
    externalLinkTarget="_blank"	
  >
      <Page width={
   800} pageNumber={
   1} scale={
   1}/> 
      {
   /* //scale 呈现的比例 */}
 </Document>
//获取后端返回的文件流
YLPDF = (oddNum) => {
   
    this.setState(
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值