如何使用java在给定新高度和宽度的情况下更改图像大小？

Question

这是我的demo.jsp页面，其中我有两个字段可以提供新的高度和宽度以更改新的高度和宽度。有人可以告诉我该怎么做吗？

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>ImageSizeModification</title>
    <script>
        function ImageResizer() {
            console.log('called');
            var srcImg = document.getElementById("imgID").value;
            var newImg = new Image();
            newImg.src = srcImg;
            var height = newImg.height;
            var width = newImg.width;
            var newWidth = document.getElementById("widthID").value;
            var newHeight = document.getElementById("HeightID").value;
            console.log(newImg, srcImg, newWidth, newHeight, height, width);
        }
    </script>
</head>
<body>
    <%
        out.println("<table>");
        out.println("<tr><td><input type='file' id='imgID'></td></tr>");
        out.println("<tr><td>Enter new Width:</td><td><input type='text' id='widthID'></td></tr>");
        out.println("<tr><td>Enter new Height:</td><td><input type='text' id='HeightID'></td></tr>");
        out.println("<tr><td><input type='button' value='Submit' onclick='ImageResizer()'></td></tr>");
        out.println("</table>");
    %>
</body>

Answer 1

如果我理解正确，您要做的是在浏览器中调整图像的大小，以便将较小的文件上传到服务器。 如果是这样，那么这不是Java / JSP问题，而是Javascript问题。

这篇文章讨论了如何使用javascript库做到这一点，我认为这可能会解决您的问题。

Answer 2

document.getElementById("imgID").style.height =  parseInt(newWidth) ;
document.getElementById("imgID").style.width =  parseInt(newHeight) ;

在控制台日志之前添加以上两行。

或使用Jquery

$('#imgID').width(700); 
$('#imgID').height(700);

Answer 3

您不能单独使用jsp来完成它，您需要创建一个servlet，通过Inputstream获取图像，并通过任何图像操作api对其进行操作，然后将其写入响应中。 Imgscalr是易于使用的api。 您可以参考此链接示例和说明

如何使用java在给定新高度和宽度的情况下更改图像大小？

问题描述

3 个解决方案

解决方案1
0 2014-06-18 12:11:51

解决方案2
0 已采纳 2014-06-18 12:16:33

解决方案3
0 2014-06-18 12:23:11

如何使用java在给定新高度和宽度的情况下更改图像大小？

问题描述

3 个解决方案

解决方案1 0 2014-06-18 12:11:51

解决方案2 0 已采纳 2014-06-18 12:16:33

解决方案3 0 2014-06-18 12:23:11

解决方案1
0 2014-06-18 12:11:51

解决方案2
0 已采纳 2014-06-18 12:16:33

解决方案3
0 2014-06-18 12:23:11