diff --git a/packages/ims-view-pc/src/components/FileUpload/demo/index.tsx b/packages/ims-view-pc/src/components/FileUpload/demo/index.tsx index 19fa26c..74e4bb7 100644 --- a/packages/ims-view-pc/src/components/FileUpload/demo/index.tsx +++ b/packages/ims-view-pc/src/components/FileUpload/demo/index.tsx @@ -99,6 +99,14 @@ const App: React.FC = () => { fileId: 'excelxlsx', url: 'https://ims-view-pc-eternallycyfs-projects.vercel.app/excel.xlsx', }, + { + fileName: 'pdf.pdf', + id: 'rc-upload-1734098585253-16', + status: 'done', + percent: 100, + fileId: 'pdf', + url: 'https://ims-view-pc-eternallycyfs-projects.vercel.app/pdf.pdf', + }, ], }} formList={[ diff --git a/packages/ims-view-pc/src/components/FileViewer/FileViewer.tsx b/packages/ims-view-pc/src/components/FileViewer/FileViewer.tsx index 3e06105..c15aaec 100644 --- a/packages/ims-view-pc/src/components/FileViewer/FileViewer.tsx +++ b/packages/ims-view-pc/src/components/FileViewer/FileViewer.tsx @@ -1,4 +1,5 @@ import { message, Modal } from 'antd'; +import axios from 'axios'; import React, { PureComponent } from 'react'; import { ExcelRenderer } from 'react-excel-renderer'; import FileView from './FileView'; @@ -34,7 +35,7 @@ class FilePreView extends PureComponent { }; } //显隐状态的改变 - controlIsShow = (params: { + controlIsShow = async (params: { src?: string; base64?: string; originFileObj?: any; @@ -50,7 +51,13 @@ class FilePreView extends PureComponent { return message.error('该文件不支持预览'); } if (fileType == 'xlsx') { - ExcelRenderer(originFileObj, (err: Error, resp: any) => { + const url = src; + const res = await axios.get(url, { + responseType: 'blob', + }); + + const blob = res.data; + ExcelRenderer(blob, (err: Error, resp: any) => { this.setState({ excelData: { cols: resp.cols, diff --git a/public/images/pdf.pdf b/public/images/pdf.pdf new file mode 100644 index 0000000..d665df9 Binary files /dev/null and b/public/images/pdf.pdf differ