إرسال صورة مُنتجة بإستخدام PIL إلى المتصفح في فلاسك Flask؟

Mohssen A Mohssen · 3 يناير 2022

أنا أستخدم فلاسك flask لموقع بسيط. والآن أرغب في إرسال صورة (يتم إنشاؤها ديناميكيًا بواسطة مكتبة PIL) إلى العميل، لكن المشكلة أني أريد أن يتم إرسال الصورة بدون حفظها على القرص لكي تكون العملية أسرع خصوصًا أني لا أحتاج الصورة على الخادم بعد إرسالها إلى العميل.

كيف أقوم بهذا الأمر؟ وهل يمكن أن أختار صيغة الصورة وجودتها أيضًا قبل إرسالها؟

Mohammad Al Eik · 3 يناير 2022

في البداية نريد ان نستدي المكتبات التالية :

from PIL import Image
import base64
import io

ثم نختار الصورة التي سننقلها إلى المستخدم ونقرأها بمساعدة PIL

im = Image.open("test.jpg")

#NOTE : يجب عليك التأكد من صحة مسار الملف

بعد ذلك ، باستخدام BytesIO نحصل على المعلومات الموجودة في الذاكرة لحفظ الصورة التي قرأناها للتو.

data = io.BytesIO()

ثم نستخدم المعلومات الموجودة في الذاكرة التي حصلنا عليها باستخدام BytesIO في وظيفة save () داخل مكتبة PIL.

im.save(data, "JPEG")

ثم نقوم بترميز ملف الصورة المحفوظ بإستخدام مكتبة base64

    encoded_img_data = base64.b64encode(data.getvalue())

بعد العمليات المذكورة أعلاه ، أصبحت صورتنا جاهزة الآن لإرسالها.

أصبح لدينا الكود الكامل على الشكل التالي

from flask import Flask, render_template
from PIL import Image
import base64
import io


app = Flask(__name__)

@app.route('/')
def hello_world():

    # Full Script.
    im = Image.open("test.jpg")
    data = io.BytesIO()
    im.save(data, "JPEG")
    encoded_img_data = base64.b64encode(data.getvalue())

    return render_template("index.html", img_data=encoded_img_data.decode('utf-8'))


if __name__ == '__main__':
    app.run(host='0.0.0.0')

وفي ملف ال html نتعامل مع الصورة المستقبلة بالشكل التالي

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Image</title>
</head>
<body>
    <img id="picture" src="data:image/jpeg;base64,{{ img_data }}">//هنا نضع خصائص الصورة
</body>
</html>

إرسال صورة مُنتجة بإستخدام PIL إلى المتصفح في فلاسك Flask؟

السؤال

Mohssen A Mohssen

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

Mohammad Al Eik

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية