django中的实时图像流到前端html

Question

我的项目媒体文件夹中有很多图像，它是通过使用sdk相机(Alliedvision)保存的，只要相机将这些图像保存在媒体folder.Is中，就需要逐个将这些图像流到html页面，可以在django中流图像吗？

Answer 1

当您从ajax中保存Image时，返回list和onsuccess中的所有图像url，创建动态html元素，即<img src="url">。

$.ajax({
        url: url,
        type: "POST",
        data: {
            image: image_data
        },
        success: function(response) {
          let images = response.images;
          $.each(images,function(index,url){
             $(".img-container").append("<img src="+url+">");
         });
        }
    })

在视图中，将图像urls返回为- return JsonResponse({'images':[image.url for image in ImageModel.objects.all()]})。

Answer 2

我建议您创建一个Ajax脚本，该脚本将为您提供信息。在您的视图中，您将生成一个返回数据库中最后一个映像的url的视图，并使用ajax向该视图发出一个get请求，如果它与已经存在的视图有任何不同，它将更改源。

Answer 3

您可以通过以下步骤来解决这个问题：

当出现新图像时，使用https://pypi.org/project/watchdog/

• Invoke、管理命令等库监视媒体文件夹中的新图像，并通知客户端进行更新。使用django通道，您可以让客户端订阅管理命令.中的逻辑可以通知的通道。

有关通道实现，请参阅通道文档https://channels.readthedocs.io/en/latest/introduction.html