BLOB IMG

שרה רחל

שלום וברכה ,
כיצד אני טוענת תמונה מסוג IMG לקובץ HTML כBLOB IMG

dovid

התמונה מהצד לקוח (input file) או מצד השרת?
יש מצב כמה מילים מה את צריכה בסופו של דבר?

שרה רחל

אני מנסה ליצור קובץ XSL FO עם תגיות ולטעון שלם IMG BLOB

dovid

כנראה כל מילה עולה לכם הון, לצערי לא אוכל לעזור.

שרה רחל

אני צריכה לטעון קובץ XSL FO שהוא עם תגיות דומה לHTML ואני רוצה לטעון לו תמונה וראיתי שניתן לטעון לו תמונה כשהיא מסוג BLOB אני לא בדיוק מבינה איך הופכים קובץ IMG לBLOB
מקוה שכרגע כן מוסבר יותר טוב
3

אביי

@שרה-רחל כתב בBLOB IMG:

קובץ 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

dovid

אני שאלתי שתי שאלות, על הראשונה שהיא מאיפה מגיעה התמונה (צד לקוח או כתובת אינטרנט) לא נעניתי.

שרה רחל

התמונה אני טוענת מהמחשב

שרה רחל

@אביי כתב בBLOB IMG:

אני חושב שצריך לטעון את זה באמצעות fo:external-graphic, וכblob זה אומר לטעון את התמונה כbase64.

ואיך ממירים תמונה לBASE64?

אביי

@שרה-רחל זה נורא פשוט, וכתבתם שזה מגיע מ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
באיזה אופן?

צדיק תמים

@אביי כתב בBLOB IMG:

<!DOCTYPE html>

זה לא XSL FO

אביי

@צדיק-תמים כתב בBLOB IMG:

זה לא XSL FO

זה היה מכוון ל

ואיך ממירים תמונה לBASE64?

תחומים - פורום חרדי מקצועי

BLOB IMG