Làm cách nào để hiển thị đối tượng Hình ảnh PIL trong mẫu?

Question

Nếu người dùng tải lên hình ảnh và tôi đổi kích thước hình ảnh bằng PIL, tôi nhận được PIL Image object.

Làm cách nào để hiển thị tệp PIL Image trong mẫu, trước khi tệp được lưu vào cơ sở dữ liệu? Thậm chí nó có thể được chuyển thành một hình ảnh và được hiển thị không?

Answer 1

Đối với một bộ trình duyệt giới hạn, bạn có thể mã hóa base64 hình ảnh và sử dụng hình ảnh nội dòng. Xem Embedding Base64 Images.

Giải pháp hoạt động cho tất cả các trình duyệt là thẻ hình ảnh tham chiếu view that returns the image.

[cập nhật]

Tất cả tôi muốn là cho người sử dụng gửi ảnh ban đầu, và sau đó được thúc đẩy bởi một hình thức để nhập chú thích cho hình ảnh (với hình ảnh thay đổi kích cỡ để bên trái của trường chú thích). Sau đó, khi người dùng nhấn "gửi" hình ảnh và chú thích được lưu trong một cá thể mô hình.

Vâng ... Khi bạn sử dụng <img src="foo">, foo luôn được truy xuất bằng GET có lẽ đó là lý do tại sao nó không hoạt động - request.FILES sẽ không có sẵn trong yêu cầu GET. Nếu bạn mở firebug hoặc thanh công cụ gỡ lỗi chrome, trong tab mạng, bạn sẽ thấy yêu cầu POST với hình ảnh đã tải lên và sau đó là yêu cầu GET để tìm nạp hình ảnh.

Bạn phải lưu hình ảnh ở đâu đó giữa cả hai bước.

Tôi có thể lưu nó bằng cách nào khác? Tôi rất thích vì nó là tạm thời. Bạn có nghĩ rằng có một cách thực sự dễ dàng để làm điều này, hay tôi nên đi vào các tùy chọn đó?

Lựa chọn phổ biến là redis và memcached. Bạn có thể nghĩ về chúng như dict được chia sẻ khổng lồ với một ngày hết hạn. Nếu hình ảnh nhỏ, giống như hình đại diện, bạn cũng có thể lưu dữ liệu hình ảnh trong biến phiên.

Answer 2

Bạn có thể nhúng hình ảnh được mã hóa base64 vào thẻ. Vì vậy, bạn có thể chuyển đổi hình ảnh PIL thành base64 và sau đó hiển thị nó.

from PIL import Image 
import StringIO 

x = Image.new('RGB',(400,400)) 
output = StringIO.StringIO() 
x.save(output, "PNG") 
contents = output.getvalue().encode("base64") 
output.close() 
contents = contents.split('\n')[0] 

Sau đó hiển thị với:

<img src="data:image/png;base64,' + contents + ' /> 

Nhìn đến một example output.

Answer 3

Có và không.

Có, bạn có thể đặt hình ảnh làm dữ liệu Base64 thô. Dưới đây là một tập lệnh nhỏ mà bạn có thể sử dụng để kiểm tra điều này:

import Image 
import base64 
import StringIO 
output = StringIO.StringIO() 
im = Image.open("test.png") # Your image here! 
im.save(output, format='PNG') 
output.seek(0) 
output_s = output.read() 
b64 = base64.b64encode(output_s) 
open("test.html","w+").write('<img src="data:image/png;base64,{0}"/>'.format(b64)) 

Tuy nhiên, đây thực sự là một ý tưởng tồi. Với nhiều hình thu nhỏ, trang HTML đơn của bạn có thể là 10MB +.

Điều bạn thực sự cần làm là sử dụng chế độ xem Django riêng biệt để trả lại hình ảnh từ đối tượng PIL dưới dạng tệp PNG và sau đó tham chiếu chế độ xem đó trong thuộc tính imghref trên trang của bạn.