使用jquery和javascript更改图像的大小

首先，让我说我对javascript和jquery的了解很短。我目前正在学习这些主题的教程。说到这里，我想知道是否可以使用jquery更改图像的大小。例如，我有一个代码“这显示图像很好，但大小有时大，有时小。”。我在看一些文章 政府有此守则

<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>

$（“#myform”）。在（“提交”上，函数（事件）{
$（“#结果”）.empty（）；
event.preventDefault（）；
$（“#加载”）.show（）；
var url=$（“#url”）.val（）
$.get（'/api/v1/extract？url='+url，函数（结果）{
$（“#加载”）.hide（）；
$（“#result”）.append（“+result.title+”）；
$（“#结果”）。追加（“”）；
$（“#result”）.append（“
”+result.text+”
”）；
})
});

我感兴趣的是

“#result”）。追加（“”）我能用我的代码{{post.image}做同样的事情吗？
`
您可以将
{{{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>


var image=“{post.image}}”；
//这里是javascript实现的开始。
$（“#结果”）。追加（“”）；
//更多的javascript。
好的。您可能希望生成脚本提供的数字，但这需要知道图像的本机分辨率。它是通过AJAX传递的吗？如果没有，那么就去做。你可以把你的
标签包装在
标签里面。然后你可以将
的宽度和高度设置为你想要的数量，将
的宽度和高度设置为100%。@DaMaGeX，我想我有点明白你的意思，你能提供一些例子吗？不确定img标签如何在div中tag@ShangWang我很困惑-你可以在Django模板中使用javascript，看我的答案。是的，当我评论这件事时，我失去了理智，但我猜责任不属于答案。您还需要一些更正，它是
var image=“{{post.image}”加上引号。