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

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 thumbnail，它甚至支持Amazon S3 Server。

pip install sorl-thumbnail

至已安装的应用程序： 'sorl.thumbnail',

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

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

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