如何使用java更改给定高度和宽度的图像大小?
这是我的demo.jsp页面,我有两个字段来指定新的高度和宽度,以便用新的更改上传的图像大小。有人能告诉我怎么做吗如何使用java更改给定高度和宽度的图像大小?,java,javascript,jsp,image-uploading,image-resizing,Java,Javascript,Jsp,Image Uploading,Image Resizing,这是我的demo.jsp页面,我有两个字段来指定新的高度和宽度,以便用新的更改上传的图像大小。有人能告诉我怎么做吗 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ImageSizeModification</title> <script> function
<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>
图像大小修改
函数ImageResizer(){
log('called');
var srcImg=document.getElementById(“imgID”).value;
var newImg=新图像();
newImg.src=srcImg;
var高度=新高度;
变量宽度=新img.width;
var newWidth=document.getElementById(“widthID”).value;
var newHeight=document.getElementById(“HeightID”).value;
log(newImg,srcImg,newWidth,newHeight,height,width);
}
如果我理解正确,您要做的是在浏览器中调整图像大小,以便将较小的文件上传到服务器。如果是这样的话,这不是一个Java/JSP问题,而是一个Javascript问题 讨论如何使用javascript库实现这一点,我认为这可能会解决您的问题
document.getElementById("imgID").style.height = parseInt(newWidth) ;
document.getElementById("imgID").style.width = parseInt(newHeight) ;
在控制台日志前添加以上两行
或者使用Jquery
$('#imgID').width(700);
$('#imgID').height(700);
您不能单独使用jsp来完成这项工作,您需要创建一个servlet,通过Inputstream获取图像,通过任何图像操作api对其进行操作,并将其写入响应。是一个易于使用的api。您可以参考此示例和说明