react文件预览

react文件预览

下载插件

这里得注意一下自己的react的版本

react的版本大于等于16的react-pdf 用5.0及以上
react的版本大于等于15的react-pdf 用4.0及以上

<Document file={filePath}  // file是预览文件的路劲
 loading="加载中..." externalLinkTarget="_blank" 
onLoadSuccess={onDocumentLoadSuccess}  // 成功加载回调 
options={{cMapUrl: 'cmaps/', cMapPacked: true}} 
renderMode="canvas">  // 设置预览展示模式
            <Page 
              pageNumber={page}   // 分页数量
              loading="加载中..."
              // width={720}      // 设置预览宽度
              renderInteractiveForms={true} />
            <Pagination style={{textAlign: 'right'}} onChange={handelOnChange}  total={totalPage*10} current={page}/>     // 分页
</Document>