图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效

来源：动视网责编：小采时间：2020-11-27 20:40:24

图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效

图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效:下面的代码，需要保存到本地种执行，在线看不到实际效果。 validate before upload by Lance Zhang function CheckFileSize() { var limit = document.getElementById(fileSizeLimit).value * 1024;

推荐度：

点击下载本文 文档为doc格式

导读图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效:下面的代码，需要保存到本地种执行，在线看不到实际效果。 validate before upload by Lance Zhang function CheckFileSize() { var limit = document.getElementById(fileSizeLimit).value * 1024;

下面的代码，需要保存到本地种执行，在线看不到实际效果。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>validate before upload by Lance Zhang</title> 
</head> 
<body style="font-family:Calibri">

if (oFileChecker.fileSize > limit) 
{ 
alert("FileSize :"+oFileChecker.fileSize+"byte--too large!"); 
} 
else 
{ 
alert("FileSize :"+oFileChecker.fileSize+"byte--ok"); 
}

if( oFileChecker.height> height) 
{ 
alert("ImageHeight :"+oFileChecker.height+"--too height!"); 
} 
else 
{ 
alert("ImageHeight :"+oFileChecker.height+"--ok"); 
} 
if(oFileChecker.width> width) 
{ 
alert("ImageWidth :"+oFileChecker.width+"--too width!"); 
} 
else 
{ 
alert("ImageWidth :"+oFileChecker.width+"--ok"); 
} 
return false; 
}

var right_type=new Array(".gif",".jpg",".jpeg",".png",".bmp");

var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker) 
{ 
if(!checkImgType(filePicker.value)) 
{ 
alert("the file type is not correct"); 
return; 
} 
oFileChecker.src = filePicker.value; 
}

oFileChecker.onreadystatechange = function () 
{ 
if (oFileChecker.readyState == "complete") 
{ 
CheckFileSize(); 
} 
}

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效

推荐度：

点击下载本文 文档为doc格式

标签：格式尺寸大小

热门焦点

图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效

图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效

图片上传之前检查大小、尺寸、格式并预览的js代码_图象特效

最新推荐

猜你喜欢

热门推荐