求个java上传图片前预览控制图片尺寸大小控制上传格式

楼下两位太想得分了吧 java web struts架构做的网页注册照片上传

举报该文章

相关建议推荐于2016-04-07

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
var maxH = 768;
var maxW = 1024;
function DrawImage(ImgD){
var preW = 300;
var preH = 400 ;
var image=new Image();
image.src=ImgD.src;
if(image.width > maxW || image.height > maxH){
alert("图片尺寸过大，请选择" + maxW + "*" + maxH + "的图片！");
return;
}
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= preW/preH){
if(image.width>preW){
ImgD.width=preW;
ImgD.height=(image.height*preW)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>preH){
ImgD.height=preH;
ImgD.width=(image.width*preH)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
function checkFormat(filePath) {
var i = filePath.lastIndexOf('.');
var len = filePath.length;
var str = filePath.substring(len,i+1);
var extName = "JPG,GIF,PNG,JPEG,BMP";
if(extName.indexOf(str.toUpperCase()) < 0) {
alert("请选择正确的图片文件!");
return false;
}
return true;
}

function FileChange(Value){
if(checkFormat(Value)){
flag=false;
document.getElementById("uploadimage").width=10;
document.getElementById("uploadimage").height=10;
document.getElementById("uploadimage").alt="";
document.getElementById("uploadimage").src=Value;
}
}
</script>
<BODY>
<input type="file" size="30" name="picaddress" onChange="javascript:FileChange(this.value);">
<br><IMG id=uploadimage height=0 width=0 src="" onload="javascript:DrawImage(this);" >
</BODY>
</HTML>

参考资料：http://www.baidu.com

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/v7vpvp28.html

其他看法

第1个回答 2008-09-17

1.预览、预览显示的大小都可以用js去做。
2.控制上传格式在页面上也可以用js做，不过在服务器端接收时要做判断；
3.控制图片尺寸?大小还是图片所占空间大小：
js 采用activX控件去读文件大小来判断；
也可以签名applet 采用客户端jre用java io去读文件大小来判断；

第2个回答 2008-09-17

<html>
<head></head>
<script>
function img(){

var imgfile = document.getElementById('test').value;
var imgEndWith = imgfile.substr(imgfile.lastIndexOf("."),
imgfile.length);
var imgEndWithLower = imgEndWith.toLowerCase()
var imgEndWiths = new Array('.gif', '.jpg', '.png', '.bmp');

var imgIsTrue = false;
for ( var i = 0; i < imgEndWiths.length; i++) {

if (imgEndWithLower == imgEndWiths[i]) {
imgIsTrue = true;
break;
}
}

if(!imgIsTrue){
alert("图片格式错误");
return;

}
imageUrl=document.getElementById('test').value;
document.getElementById('image').src=imageUrl;
document.getElementById('image').height=document.getElementById('imgH').value;
document.getElementById('image').width=document.getElementById('imgW').value;
document.getElementById('imageDiv').style.display="block";
}
</script>
<body>
<input type=file id="test"/>
图片宽度：<input type=text id="imgW"/>
图片高度：<input type=text id="imgH"/>
<input type="button" value="预览" onclick="img()">
<div id = "imageDiv" style="display:none">
<img id="image" src="" width="100" height="100" />
</div>
</body>
</html>

第3个回答 2008-09-17

什么意思? 是要缩小图片吗??
Java是一个系统软件,多用于手机,不是图片类型~~
你是说Jpeg? Jpg??

第4个回答 2008-09-17

你能不能说详细点

相似回答

大家正在搜

求个java上传图片前预览 控制图片尺寸大小 控制上传格式

求个java上传图片前预览控制图片尺寸大小控制上传格式