使用jquery和javascript更改imag的大小

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>");我能用我的代码做同样的事情吗{{后期图像}}? `你知道吗

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>