BLOB IMG
-
שלום וברכה ,
כיצד אני טוענת תמונה מסוג IMG לקובץ HTML כBLOB IMG -
אני מנסה ליצור קובץ XSL FO עם תגיות ולטעון שלם IMG BLOB
-
אני צריכה לטעון קובץ XSL FO שהוא עם תגיות דומה לHTML ואני רוצה לטעון לו תמונה וראיתי שניתן לטעון לו תמונה כשהיא מסוג BLOB אני לא בדיוק מבינה איך הופכים קובץ IMG לBLOB
מקוה שכרגע כן מוסבר יותר טוב
3 -
קובץ XSL FO שהוא עם תגיות דומה לHTML
יותר נכון לומר: בתבנית XML
אני חושב שצריך לטעון את זה באמצעות fo:external-graphic, וכblob זה אומר לטעון את התמונה כbase64.
<fo:table-cell> <fo:block> <fo:external-graphic src="url('data:image/jpeg;base64,/9j/6zLrSlCpAAADLhanVtYgAAAB5q3+FHf8fXrS49qMfhQAn40oo/DpSqDnoc0Af/2Q==')"></fo:external-graphic> </fo:block> </fo:table-cell> https://stackoverflow.com/questions/26155275/how-to-load-image-by-xsl-fo
-
התמונה אני טוענת מהמחשב
-
@שרה-רחל זה נורא פשוט, וכתבתם שזה מגיע מinput file אז הנה דוגמה שכתב GPT
<!DOCTYPE html> <html lang="he"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>המרת תמונה ל-Base64</title> </head> <body> <h1>המרת תמונה ל-Base64</h1> <input type="file" id="imageInput" accept="image/*"> <br><br> <textarea id="base64Output" rows="10" cols="50" placeholder="כאן יופיע קוד Base64"></textarea> <script> document.getElementById('imageInput').addEventListener('change', function(event) { const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = function() { const base64String = reader.result.split(',')[1]; document.getElementById('base64Output').textContent = base64String; document.getElementById('base64Output').textContent = reader.result; }; reader.readAsDataURL(file); } }); </script> </body> </html> שימו לב לכפילות
document.getElementById('base64Output').textContent = base64String; document.getElementById('base64Output').textContent = reader.result; פשוט הGPT החליט שלא צריך את הכותרת
data:image/png;base64
, ואני חושב שבמקרה הזה כן צריך -
ואז איפה אני שמה את כל הקוד של הBASE64
באיזה אופן? -
7/13