图片上传之前检查大小、尺寸、格式并预览的js代码
2008-10-18 00:00
1166 查看
下面的代码,需要保存到本地种执行,在线看不到实际效果。
validate before upload by Lance Zhang
File type :gif,jpg,jpeg,png,bmp
File Size limit:
K
Image Height Limit:
Image Width Limit:
Image Preview
function CheckFileSize()
{
var limit = document.getElementById("fileSizeLimit").value * 1024;
var width = document.getElementById("widthLimit").value ;
var height = document.getElementById("heightLimit").value;
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();
}
}
function checkImgType(fileURL)
{
var right_typeLen=right_type.length;
var imgUrl=fileURL.toLowerCase();
var postfixLen=imgUrl.length;
var len4=imgUrl.substring(postfixLen-4,postfixLen);
var len5=imgUrl.substring(postfixLen-5,postfixLen);
for (i=0;i
validate before upload by Lance Zhang
File type :gif,jpg,jpeg,png,bmp
File Size limit:
K
Image Height Limit:
Image Width Limit:
Image Preview
function CheckFileSize()
{
var limit = document.getElementById("fileSizeLimit").value * 1024;
var width = document.getElementById("widthLimit").value ;
var height = document.getElementById("heightLimit").value;
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();
}
}
function checkImgType(fileURL)
{
var right_typeLen=right_type.length;
var imgUrl=fileURL.toLowerCase();
var postfixLen=imgUrl.length;
var len4=imgUrl.substring(postfixLen-4,postfixLen);
var len5=imgUrl.substring(postfixLen-5,postfixLen);
for (i=0;i
相关文章推荐
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- 图片上传之前检查大小、尺寸、格式并预览
- 图片上传之前检查大小、尺寸、格式并预览
- 图片上传之前检查大小、尺寸、格式并预览(Validate the file size/file type/image size/ before upload)
- js图片上传验证图片格式和大小尺寸
- java上传图片前预览 控制图片尺寸大小 控制上传格式
- 上传图片时js验证图片大小、尺寸、格式
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- js上传图片进行预览、验证格式及尺寸
- ASP.NET上传图片,服务器端验证,宽度,高度,文件类型,尺寸,文件大小,图片上传,图片格式检查
- ASP.NET上传图片,服务器端验证,宽度,高度,文件类型,尺寸,文件大小,图片上传,图片格式检查
- Js下检查上传图片文件格式和大小的方法,兼容ie和火狐
- Javascript实现上传前对图片大小、格式的检查并预览
- js判断上传图片大小及尺寸
- jquery实现上传图片及图片大小验证、图片预览效果代码(借荐,谢谢原作者)
- js验证图片格式和大小并预览
- JS类 检测上传图片的大小,宽,高及格式检查
- 兼容好的JS图片上传预览代码
- js 判断上传图片尺寸大小(var img =new Image())
- 上传图片js判断图片尺寸和格式兼容IE