[英]Convert blob to pdf file
Using react-pdf's BlobProvider, I'm trying to store the file to state.使用 react-pdf 的 BlobProvider,我试图将文件存储到 state。 Here's what I tried:这是我尝试过的:
MyDocument = () => {
return (
<Document>
<Page size="A4" style={stylez.page}>
<View style={stylez.section}>
<Text>Section TesterYo</Text>
</View>
<View style={stylez.section}>
<Text>Section #2</Text>
</View>
</Page>
</Document>
)
}
LoadPdf = () => {
let myPdf = <BlobProvider document={this.MyDocument}/>
var file = new File([myPdf], 'filename.pdf', { type: 'application/pdf', lastModified:Date.now()});
this.setState({ files: [...this.state.files, file] }, () => console.log(this.state))
}
When downloaded this provides a damaged pdf.下载后,它会提供损坏的 pdf。
You're not getting the blob back correctly like so in the documentation您没有像文档中那样正确地恢复 blob
import { BlobProvider, Document, Page } from '@react-pdf/renderer';
const MyDoc = (
<Document>
<Page>
// My document data
</Page>
</Document>
);
const App = () => (
<div>
<BlobProvider document={MyDoc}>
{({ blob, url, loading, error }) => {
// Do whatever you need with blob here
return <div>There's something going on on the fly</div>
}}
</BlobProvider>
</div>
);
or或者
import { pdf, Document, Page } from '@react-pdf/renderer';
const MyDoc = (
<Document>
<Page>
// My document data
</Page>
</Document>
);
const blob = pdf(MyDoc).toBlob();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.