编辑：

Question

假设我在页面中有20张大小为1600 X 900的图像。如何以模板上指定的大小加载图像？在CSS中，我可以做到。但我想更改图像的实际大小，以便在单击特定图像时，它将加载原始图像的原始大小。有什么方法可以做到吗？我尝试使用easy_thumbnails，这很棒，直到我使用apache服务器部署它时遇到了问题。任何帮助将深表感谢。谢谢！

编辑：

html的：

 {% for Status in status %}
    <p class="user">{{ Status.creator.get_full_name }}</p>
    {% if Status.image %}
        <div class="image_image">
            <center>
                <img src="{{ MEDIA_URL }}{{Status.image}}" width=300px />
            </center>
        </div>
        <p class="status_image">{{Status}}</p>
        <span class="clear"></span>
        <hr>
    {% else %}
        <p class="status_status">{{Status}}</p>
        <span class="clear_right"></span>
        <hr>
    {% endif %}
{% endfor %}

Answer 1

尝试使用sorl缩略图，它甚至支持Amazon S3服务器。

pip install sorl-thumbnail

已安装的应用：＆＃39; sorl.thumbnail＆＃39;，

将{％load thumbnail％}添加到您的模板中。

{% thumbnail firma.firma_logo "130x110" format="PNG" as im %}
        <div class="logo" style="background-image:url('{{ im.url }}')"></div>
{% endthumbnail %}

制作图像格式PNG很重要，默认情况下会转换为JPEG格式。如果用户以透明格式上传文件，那就太糟糕了。

如何以django模板中指定的大小加载图像？

编辑：

1 个答案: