好吧,让我们首先就某件事达成一致:要在前端显示图像,您需要有该图像的 url,该图像应该存在于已知的位置,以便前端可以从中加载它。
所以我假设你不愿意将这个图像保存在任何地方 - 比如 imgur 或其他东西 - 所以最好的办法是从这个图像中创建一个数据 uri。
首先我们需要将 numpy 数组转换为图像:
from PIL import Image
def to_image(numpy_img):
img = Image.fromarray(data, 'RGB')
return img
然后,为了从该图像中获取 uri,我们需要进一步处理它:
import base64
from io import BytesIO
def to_data_uri(pil_img):
data = BytesIO()
img.save(data, "JPEG") # pick your format
data64 = base64.b64encode(data.getvalue())
return u'data:img/jpeg;base64,'+data64.decode('utf-8')
现在您已将图像编码为数据 URI,您可以将该数据 URI 传递到前端并在 img 标记中使用它
<img src={{ image_uri }} />
在此基础上,我们可以按如下方式更改您的功能:
def index(request):
if request.method == 'POST':
form = UploadFileForm(request.POST, request.FILES)
if form.is_valid():
model = MyDeepLearningModel.get_instance()
file_name = request.FILES['file']
processed_image = model.run_png(file_name) #processed_image is an numpy array
pil_image = to_image(processed_image)
image_uri = to_data_uri(pil_image)
#how to show the processed_image in index.html?
return render(request, 'lowlighten/index.html', {'image_uri': image_uri})
else:
form = UploadFileForm()
return render(request, 'lowlighten/index.html', {'form': form})