它看起来不存在,但Cloudinary Django模板标签库是否包含Cloudinary.responsive图像功能?
Cloudinary有“响应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'字符串放入网址。
我还希望在图像上具有“最大宽度”并具有响应性。不知道如何实现这一目标。任何想法都赞赏。
也许还有其他jquery解决方案,我可能不知道在Django中获得cloudinary响应图像?
由于
答案 0 :(得分:0)
实际上,通过Django SDK确实支持响应式URL(w_auto)。请参阅以下内容以供参考: https://github.com/cloudinary/pycloudinary/blob/002dfd3db5c9890f8876cd3a35416edfd3ed24ea/tests/image_test.py#L36