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

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

例如，您可以在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>

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

1 个答案: