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

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

图片上传,检查大小

web前端-js教程

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

spring mvc 3源码,ubuntu开机图标消失,爬虫软件制作流程,php expand,nerves和seolzw

<title>validate before upload by Lance Zhang</title> <div class="khw">php斗地主源码,vscode模板教程,ubuntu安装引导位置选择,tomcat账户密码,多sqlite同步方案,js左右滑动插件,瘦前端框架 知乎,爬虫公司成本结构,php5.4安装,吾空seo优化,win10 模板 网站,html 网页制作,emlog二级模板,页面授权破解,药品管理系统asp,视频源站程序lzw</div>File type :gif,jpg,jpeg,png,bmp<div class="khw">一个简单的网页的源码,ubuntu无法加载桌面,怎么隐藏tomcat版本号,爬虫生产者,php临时存储文件夹,深圳海外seolzw</div>File Size limit: KImage 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(“.jpg”,”.jpg”,”.jpeg”,”.jpg”,”.jpg”); 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<right_typeLen;i++) { if((len4==right_type[i])||(len5==right_type[i])) { return true; } } }

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

图片上传检查大小