javascript - 使用 jquery 和 javascript 改变图像的大小

Question

首先让我说我对 javascript 和 jquery 的了解非常有限。我目前正在关注这些主题的教程。话虽如此，我想知道我是否可以使用 jquery 更改图像的大小。例如，我有一个代码 ` 这可以很好地显示图像，但尺寸有时大有时小。我在这里查看了一些文章 https://blog.openshift.com/day-16-goose-extractor-an-article-extractor-that-just-works/ 有这个代码；

<script type="text/javascript" src="static/js/jquery.js"></script>
<script type="text/javascript">
    $("#myform").on("submit", function(event){
        $("#result").empty();
        event.preventDefault();
        $('#loading').show();
        var url = $("#url").val()
        $.get('/api/v1/extract?url='+url,function(result){
            $('#loading').hide(); 
            $("#result").append("<h4>"+result.title+"</h4>");
            $("#result").append("<img src='"+result.image+"' height='300' width='300'</img>");
            $("#result").append("<p class='lead'>"+result.text+"</p>");
    })


    });

</script>

我感兴趣的是"#result").append("<img src='"+result.image+"' height='300' width='300'</img>");我可以用我的代码 {{post.image}} 做同样的事情吗？ `

Answer 1

您可以在 Django 模板中将 {{ post.image }} 与您的 javascript 混合使用而不会出现任何问题。

例如，您可以在 Django 模板中执行此操作:

<script type="text/javascript">
  var image = "{{post.image}}";
  // Beginning of the javascript implementation here.
  $("#result").append("<img src='"+image+"' height='300' width='300'</img>");
  // More javascript.
</script>