求个java上传图片前预览 控制图片尺寸大小 控制上传格式
展开全部
<!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>
<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
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.预览、预览显示的大小都可以用js去做。
2.控制上传格式在页面上也可以用js做，不过在服务器端接收时要做判断；
3.控制图片尺寸?大小还是图片所占空间大小：
js 采用activX控件去读文件大小来判断；
也可以 签名applet 采用客户端jre用java io去读文件大小来判断；
2.控制上传格式在页面上也可以用js做，不过在服务器端接收时要做判断；
3.控制图片尺寸?大小还是图片所占空间大小：
js 采用activX控件去读文件大小来判断；
也可以 签名applet 采用客户端jre用java io去读文件大小来判断；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
什么意思? 是要缩小图片吗??
Java是一个系统软件,多用于手机,不是图片类型~~
你是说Jpeg? Jpg??
Java是一个系统软件,多用于手机,不是图片类型~~
你是说Jpeg? Jpg??
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你能不能说详细点
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
