上传 Kendo React PDF 到 Firebase 存储
Upload Kendo React PDF to Firebase storage
我正在尝试将 Kendo React PDF 上传到 Firebase 存储。当我使用 Kendo 的 drawingDOM() 时,我遇到了图像
的 CORS 问题
Kendo 的 savePDF() 和 PDFExport 都导致文件保存到桌面,并且无法访问然后在另一个后续函数中使用。如何做到这一点?
已解决!最终使用 CORS 问题 base64 制作图像并使用以下代码防止保存到桌面:
const doc = document.getElementById('doc')
let pdfOptions = {
paperSize: 'Letter',
subject: '',
keywords: '',
margin: "2cm",
scale: 0.6
}
drawDOM(doc, pdfOptions)
.then((group) => {
console.log(group)
return exportPDF(group, pdfOptions)
})
.then((data) => {
var pdfData = data.split(';base64,')[1]
// Upload to server
const storageRef = INSERT_FIREBASE_STORAGE_REF
const docFile = INSERT_FIREBASE_CHILD_PATH
docFile.putString(pdfData, 'base64', {contentType:'application/pdf'})
.then((snapshot) => {
docFile.getDownloadURL()
.then((url) => {
// Do other things
})
})
})
我正在尝试将 Kendo React PDF 上传到 Firebase 存储。当我使用 Kendo 的 drawingDOM() 时,我遇到了图像
的 CORS 问题Kendo 的 savePDF() 和 PDFExport 都导致文件保存到桌面,并且无法访问然后在另一个后续函数中使用。如何做到这一点?
已解决!最终使用 CORS 问题 base64 制作图像并使用以下代码防止保存到桌面:
const doc = document.getElementById('doc')
let pdfOptions = {
paperSize: 'Letter',
subject: '',
keywords: '',
margin: "2cm",
scale: 0.6
}
drawDOM(doc, pdfOptions)
.then((group) => {
console.log(group)
return exportPDF(group, pdfOptions)
})
.then((data) => {
var pdfData = data.split(';base64,')[1]
// Upload to server
const storageRef = INSERT_FIREBASE_STORAGE_REF
const docFile = INSERT_FIREBASE_CHILD_PATH
docFile.putString(pdfData, 'base64', {contentType:'application/pdf'})
.then((snapshot) => {
docFile.getDownloadURL()
.then((url) => {
// Do other things
})
})
})