Python Flask+Javascript：返回图像并在webpag中显示

Question

可能是个愚蠢的问题，但我一个人解决不了。 我正在运行一个Flask应用程序，其中一个函数允许从远程raspberry pi zero上的摄像头拍摄照片，然后用JavaScript在网页上显示。在

我得到的似乎是图片的EXIF数据，例如（来自Chrome的开发控制台“Elements”）：

<img src="����d Exif etc.">

以下是烧瓶路线：

^{pr2}$

我还留下了一些我试过的其他方法，注释掉了（同样的结果）。 就目前而言单发.py脚本（在远程rpizero上）拍摄一张图片，然后scp将它放在我的主RPI上，直到我可以用Python正确返回图像，而不需要在磁盘上实际写入。在

以及html/javascript：

<div>
<button class="button" id="picture">Shot</button>
</div>

<script>
 $(document).ready(function() {
 $('#picture').click(function () {
 $('#picture').text("Working...");
 getShot();
 });
 });

 function getShot() {
 $.ajax({
     type: "GET",
     url: "/_getShot",
     contentType: "image/jpeg",
    }).done(function(data) {
    var shot = document.createElement("img");
    shot.src = data;
    document.getElementById('image').appendChild(shot);
    });
    };
</script>
<div id="image"></div>

我已经测试了多种方法和语法，但是除非我将图像源设置为“static”/快照.jpg'我只得到EXIF数据。 我不确定问题出在Python还是JavaScript代码中。有人能帮忙吗？在