英文:
How to display Flask image to HTML directly without saving?
问题
flask 代码：
from base64 import b64encodedef abc():encoded = b64encode(img_data)mime = "image/jpeg"uri = "data:%s;base64,%s" % (mime, encoded)return render_template('/result.html', uri=uri)
HTML 代码：
<img src="{{ uri }}">
我尝试了这个，但图片没有显示出来。有任何想法吗？我有一个在numpy数组中的图像。
英文:
flask code:
from base64 import b64encodedef abc()encoded = b64encode(img_data)mime = "image/jpeg"uri = "data:%s;base64,%s" % (mime, encoded)return render_template('/result.html',uri=uri)
html code:
<img src="{{ uri }}">
I tried this, but the image is not getting displayed. Any idea how? I have image in a numpy array.
答案1
得分: 4
file_object = io.BytesIO()img= Image.fromarray(originalimg.astype('uint8'))img.save(file_object, 'PNG')base64img = "data:image/png;base64,"+b64encode(file_object.getvalue()).decode('ascii')HTML:<img src="{{base64img}}" >
英文:
Solution:
file_object = io.BytesIO()img= Image.fromarray(originalimg.astype('uint8'))img.save(file_object, 'PNG')base64img = "data:image/png;base64,"+b64encode(file_object.getvalue()).decode('ascii')
HTML:
<img src="{{base64img}}" >
答案2
得分: 1
以下是您要翻译的内容：
这只是上述解决方案的补充部分，我花了大约12个小时来寻找这个，感谢@john_doe，在这里是我的解决方案与上述解决方案相结合，希望也能帮助其他人：
def upload_file():if request.method == 'POST':f = request.files['file'].read()# print(f)npimg = np.fromstring(f, np.uint8)img = cv2.imdecode(npimg, cv2.IMREAD_COLOR)img = Image.fromarray(img.astype("uint8"))rawBytes = io.BytesIO()img.save(rawBytes, "JPEG")rawBytes.seek(0)img_base64 = base64.b64encode(rawBytes.getvalue()).decode('ascii')mime = "image/jpeg"uri = "data:%s;base64,%s" % (mime, img_base64)return render_template("./template/output.html", image=uri)
希望对您有帮助。
英文:
this is just the complementary solution for the above solution, I was searching for this for like 12 hours, thanks @john_doe, here is my solution combined with the above solution I hope it also helps someone:
def upload_file():if request.method == 'POST':f = request.files['file'].read()# print(f)npimg = np.fromstring(f,np.uint8)img = cv2.imdecode(npimg,cv2.IMREAD_COLOR)img = Image.fromarray(img.astype("uint8"))rawBytes = io.BytesIO()img.save(rawBytes, "JPEG")rawBytes.seek(0)img_base64 = base64.b64encode(rawBytes.getvalue()).decode('ascii')mime = "image/jpeg"uri = "data:%s;base64,%s"%(mime, img_base64)return render_template("./template/output.html",image=uri)
答案3
得分: -1
以下是代码的中文翻译部分：
这是对上面的sameer maurya的解决方案的补充解决方案。
Python 代码：
import ioimport numpy as npfrom PIL import Imageimport base64def render_frame(arr: np.ndarray):mem_bytes = io.BytesIO()img = Image.fromarray(arr)img.save(mem_bytes, 'JPEG')mem_bytes.seek(0)img_base64 = base64.b64encode(mem_bytes.getvalue()).decode('ascii')mime = "image/jpeg"uri = "data:%s;base64,%s"%(mime, img_base64)return render_template("main.html", image=uri)NP_IMAGE = (np.random.random((300,400, 3)) * 255).astype("uint8")@app.route("/", methods=['GET'])def main():return render_frame(NP_IMAGE)
HTML 代码：
<img src="{{ image }}">
请注意，代码中的特殊字符和格式保持不变。
英文:
This is a complementary solution to the one above of sameer maurya,
The python code:
import ioimport numpy as npfrom PIL import Imageimport base64def render_frame(arr: np.ndarray):mem_bytes = io.BytesIO()img = Image.fromarray(arr)img.save(mem_bytes, 'JPEG')mem_bytes.seek(0)img_base64 = base64.b64encode(mem_bytes.getvalue()).decode('ascii')mime = "image/jpeg"uri = "data:%s;base64,%s"%(mime, img_base64)return render_template("main.html", image=uri)NP_IMAGE = (np.random.random((300,400, 3)) * 255).astype("uint8")@app.route("/", methods=['GET'])def main():return render_frame(NP_IMAGE)
the html code:
<img src="{{ image }}">
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论