cloudinary django 响应式图像模板标签

Question

看起来不存在，但是 Cloudinary Django 模板标签库是否包含 Cloudinary.responsive 图片特征？

Cloudinary 有 'response jquery' 库，使用如下：

<img data-src="http://res.cloudinary.com/demo/image/upload/w_auto/smiling_man.jpg" class="cld-responsive">

但是是否也有等效的 Cloudinary Django 模板标记方式来使用 Cloudinary.responsive？也许是这样的：

{% load cloudinary %}
{% cloudinary_includes %}
{% cloudinary_js_config %}

{% cloudinary.responsive photo.filename auto-width=600 %}

我还没有找到任何东西，所以答案可能是否定的，除非它是非常新的或尚未讨论过的。

另一种方法是在 Django 模板中构建 Cloudinary.responsive img 标签，如下所示：

<img data-src="http://res.cloudinary.com/demo/image/upload/w_auto/{{ photo.filename }}" class="cld-responsive">

这需要一些工作，因为上传的文件存储在我的 Django 模型中：

 image/upload/v1444896521/ttme5v9ejttfbtpaojyk.jpg

所以我将解析它以将 Cloudinary 响应 'w_auto' 字符串放入 url。

我还想在图像上有一个 'max-width' 以及响应。不知道如何做到这一点。任何想法表示赞赏。

也许还有其他 jquery 我可能不知道的解决方案可以在 Django 中获取云响应图像？

谢谢

Answer 1

cloudinary django responsive image template tags