用php或js获取图片大小,高宽尺寸.

js

  <?
  $arr=getimagesize("images/album_01.gif");
  echo $arr[3];
  $strarr=explode("\"",$arr[3]);
  echo $strarr[1];
  ?>
  
  <HTML>
  <HEAD>
  <TITLE>演示图片等比例缩小</TITLE>
  <script>
  function Wa_SetImgAutoSize(img)
  {
  //var img=document.all.img1;//获取图片
  var MaxWidth=200;//设置图片宽度界限
  var MaxHeight=100;//设置图片高度界限
  var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
  var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
  alert("test"+img.offsetHeight+img.fileSize);
  if(img.offsetHeight>1) alert(img.offsetHeight);
  if(img.readyState!="complete"){
   return false;//确保图片完全加载
  }
  
  if(img.offsetWidth>MaxWidth){
  img.width=MaxWidth;
  img.height=MaxWidth*HeightWidth;
  }
  if(img.offsetHeight>MaxHeight){
  img.height=MaxHeight;
  img.width=MaxHeight*WidthHeight;
  }
  }
  
  function CheckImg(img)
  {
   var message="";
   var MaxWidth=1;//设置图片宽度界限
   var MaxHeight=1;//设置图片高度界限
  
   if(img.readyState!="complete"){
   return false;//确保图片完全加载
   }
   if(img.offsetHeight>MaxHeight) message+="\r高度超额:"+img.offsetHeight;
   if(img.offsetWidth>MaxWidth) message+="\r宽度超额:"+img.offsetWidth;
   if(message!="") alert(message);
  }
  </script>
  </HEAD>
  <BODY>
  <img src="20061114103033111.gif" border=0 id="img1" >
  <br>
  <input id=inp type="file" onpropertychange="img1.src=this.value;">
  </BODY>
  </HTML>

时间: 2024-12-29 05:09:21

用php或js获取图片大小,高宽尺寸.的相关文章

asp,php,js获取图片大小并控制

asp,php,js获取图片大小并控制 本文章讲了二种获取图片的大小,第一种是php ,第二种是js 第三种是asp的,js 获取图片大小然后再用js 改变图片大小,下面我们有例子说明. php相当简单的,用getimagesize 函数就行了,我们只要对得到的数组进行处理就行了. <? $arr=getimagesize("images/album_01.gif"); echo $arr[3]; $strarr=explode("\"",$arr[

js获取图片大小的函数代码_javascript技巧

1.获取图片大小的函数getImageSize 复制代码 代码如下: function getImageSize(imageEl) { var i = new Image(); //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array(i.width, i.height); //返回图片的长宽像素 //return [i.width, i.height]; } 2.示例 复制代码 代码如下: var img

php 或js获取图片大小

<? $arr=getimagesize("images/album_01.gif"); echo $arr[3]; $strarr=explode("/"",$arr[3]); echo $strarr[1]; ?> <HTML> <HEAD> <TITLE>演示图片等比例缩小</TITLE> <script> function Wa_SetImgAutoSize(img) { //

js获取图片的高与宽

原图片是 : asdf

JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

JS获取图片实际宽高,以及根据图片大小进行自适应 复制代码 代码如下: <img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/xxx.jpg id="imgs" onload="adapt();"/> 复制代码 代码如下: function adapt(){ var tableWidth = $("#imgTable").width(); //表格宽度 var img = n

js获取图片宽高的方法_javascript技巧

本文分享多种js获取图片宽高的方法,并且通过实例进行分析,希望大家从中有所收获. 一.简陋的获取图片方式 // 图片地址 后面加时间戳是为了避免缓存 var img_url = 'upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'

利用js获取图片尺寸与图片大小(高度与宽度)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

Js获取图片原始宽高的实现代码_javascript技巧

如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(img) { var image = new Image(); image.src = img.src; return [image.width,image.height]; } //点击缩略图弹出层,显示原始图片. //获取class为tz_main_box下的所有p标签下的图片img $(".tz_

获取JS中网页各种高宽与位置的方法总结_javascript技巧

screen对象 获取屏幕的高宽(分辨率) screen.width //屏幕的宽 screen.height //屏幕的高 screen.availWidth //屏幕可用宽度 屏幕的像素高度减去系统部件高度之后的值 screen.availHeight //屏幕可用高度 屏幕的像素宽度减去系统部件宽度之后的值 window对象 获得窗口位置及大小 window.screenTop //窗口顶部距屏幕顶部的距离 window.screenLeft //窗口左侧距屏幕左侧的距离 window.i