js检测上传图片大小类型代码

function checkPic(){
 var file=document.getElementById("picfile");
 if (checkExd(file.value)){
  if(checkSize(file.value)){
  return true;
  }else {
  return false;
  }
 }else{ 
 return false;
 }
}

function checkSize(fileName){
var img=new Image();
img.onerror = new Function("alert('文件不存在,或目标类型不匹配!');return false;");
img.onreadystatechange = function (){if (img.readyState == "complete"){
 if(img.fileSize>1*1024*1024){
  alert("文件超过1M");
  return false;}
 }
}
return true;
img.src=fileName;
}

function checkExd(fileName){
if(fileName.lastIndexOf(".")+1>=fileName.length){
 alert("文件类型不匹配");
 return false;
 }
var exd=fileName.substring(fileName.lastIndexOf(".")+1).toUpperCase();
if(exd=="GIF"||exd=="JPG"||exd=="PNG"||exd=="BMP")
 return true;
else {
 alert("文件类型不匹配");
 return false;
 }
}

时间: 2024-07-31 17:47:27

js检测上传图片大小类型代码的相关文章

js 检测上传图片类型大小代码

js 检测上传图片类型大小代码 var img=null; function showtype() { if(document.up.title.value=="")  {alert("请输入照片说明!");  document.up.title.focus();  return false;  } var fsize=0; if(img)img.removenode(true); img=document.createelement("img"

JS限制上传图片大小不使用控件在本地实现_基础知识

文件上传之前的检测,通常是通过文件名来判断文件类型是否合法,但是要想检测文件的大小很难办到,除非在本地或者使用控件.使用JS可以轻松解决词问题,js在上传图片前判断大小 这个可以用javascript实现,效果...//允许上传图片文件的大小 具体代码如下   复制代码 代码如下: <script language=javascript> var ImgObj=new Image(); //建立一个图像对象 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.p

js 返回变量的类型代码

本文章为你提供一款js 返回变量的类型代码哦,如果你不懂得如何获取js变量的类型的话,看看我们下面的代码你就知道如何获取js变量的代码哦. //得到x的类型,返回类型名称 function getType(x) { //如果x为null,则返回null if (x == null) return "null"; var t = typeof x; //如果x为简单类型,则返回类型名称 if (t.toLocaleLowerCase() != "object") re

js 检测上传图片类型与高宽(按比例缩放)

<form action="" method="post" enctype="multipart/form-data" name="dform">   <label for="ifile"></label>   <input type="file" name="ifile" id="ifile">  

JS检测图片大小的实例_javascript技巧

复制代码 代码如下: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE" value="8000000" />   <input type=&qu

使用js检测浏览器的实现代码_基础知识

在写跨浏览器的js程序中,检测浏览器是一个很重要的工作.我们不时要为不同的浏览器写分支代码.如下是一种: 复制代码 代码如下: //添加事件工具函数function addEvent(el,type,handle){    if(el.addEventListener){//for standard browses        el.addEventListener(type,handle,false);    }else if(el.attachEvent){//for IE       

js检测用户是否联网代码

最简单粗暴的方式就是加载网络资源,JS文件或者图片文件.  代码如下 复制代码 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> typeof window.jQuery === "undefined" // return false or ture 用jQuery变量来检测是否联网  代码如下 复制代码 function d

使用finfo_file()函数检测上传图片的类型

该函数可以检测文件的MIME类型.因为有时候我们只根据文件后缀来判断是不准确的. function getMIME($filename){ $finfo = finfo_open(FILEINFO_MIME_TYPE); return finfo_file($finfo, $filename); } echo getMIME('test.jpg'); //image/jpeg finfo_file 文档 (PHP >= 5.3.0, PECL fileinfo >= 0.1.0) finfo_

js检测用户浏览器类型

提示:您可以先修改部分代码再运行 浏览器名称: 版本号: 代码名称: 用户代理标识: 提示:您可以先修改部分代码再运行