[英]html2canvas jsPdf access error for image sourced from firebase
在我的網頁中,我從 Firebase 獲取了一些圖像。從 Firebase 加載這些圖像沒有問題。下一步我試圖用這些圖像制作一個 pdf 文件。 這是頁面中的相關 javascript 代碼:
我有一個很長的 for 循環,我在其中添加圖像:
var probImagelink = document.getElementById("Question");
var qDiv = document.createElement('div');
probImagelink.appendChild(qDiv);
qDiv.id = 'QuestionBank'+listkey[k];
var qimg = document.createElement('img');
qimg.style.width= "100%";
qimg.src = listq[k];
qimg.id = "QuestionImg"+listkey[k];
qDiv.appendChild(qimg);
數組 listq 包含加載的來自 Firebase 的圖像的 url。
pdf創建代碼如下:
var doc = new jsPDF();
html2canvas(document.getElementById('QuestionBank'+listkey[k]), {
useCORS : true,
onrendered: function(canvas) {
var imgData = canvas.toDataURL('image/jpeg');
doc.addImage(imgData, 'JPEG', 15, 0, 34, 37);
}
});
但這就是問題所在。 我得到的第一個錯誤是:
CORS 策略已阻止從來源“http://localhost:5000”訪問“https://firebasestorage.googleapis.com/******”中的圖像:無“Access-Control-Allow-Origin” header 出現在請求的資源上。
我得到的第二個錯誤是:
未捕獲的錯誤:提供的數據不是有效的 base64 字符串 jsPDF.convertStringToImageData
您需要按照 CORS 配置中的步驟在您的項目中安裝 gsutil 並在您的 firebase 項目上禁用 CORS
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.