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

<form action="" method="post" enctype="multipart/form-data" name="dform">
  <label for="ifile"></label>
  <input type="file" name="ifile" id="ifile">
  <input type="submit" name="button" id="button" value="提交" onclick="网页特效:toi_upimg();">
</form>
<script>
function toi_upimg()
{
  var form = document.dform;
  var isrc = form.ifile.value;
  var pos = isrc.lastindexof('.');
  var img = new image();

  // on load
  img.onload = function () {
    var width = img.width;
    var height = img.height;
    img.onload = '';
    if (width > 480 || height > 320)
    {
      // => 480*360
      var ratio1 = 320/width;
      var ratio2 = 240/height;
      if (ratio1 > ratio2)
      {
        width = parseint(ratio2 * width);
        height = 240;
      }
      else
      {
        width = 320;
        height = parseint(ratio1 * height);
      }     
      alert('注意:图片过大, 系统自动进行了一些调整');
 }
   
    toi_img.src = img.src;
    toi_img.width = width;
    toi_img.height = height;
  form.picwidth.value = width;
  form.picheight.value = height;
  form.mserver.value = "no";
    form.xpost.value = '0';
    form.ypost.value = '0';
    form.xposy.value = '0';
    form.yposy.value = '0';
    form.xposa.value = '0';
    form.yposa.value = '0';
 if (form.title.value == '')
    {
      var pos2 = isrc.lastindexof('');
      form.title.value = isrc.substring(pos2+1,pos);
    }
    toi_update();
    delete img;
  };

  // on error
    img.onerror = function () {
    img.onerror = '';
    alert('注意:您刚刚试图上载的一个文件似乎不是合法图片');
    delete img;
  };

  // store the source address
  if (navigator.appversion.indexof('msie 7') >= 0)
  {
   document.getelementbyid("filterimage").filters.item("dximagetransform.microsoft.alphaimageloader").src = isrc;
   img.src = document.getelementbyid("filterimage").filters.item("dximagetransform.microsoft.alphaimageloader").src;
  }
  else
  {
   img.src = isrc;
  }
}
</script>

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

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检测浏览器类型代码, 方法1 var ua = navigator.userAgent.toLowerCase(); var binfo = {     ve : ua.match(/.+(?:rv|it|ra|ie|me)[/: ]([d.]+)/)[1],     ie : /msie/.test(ua) && !/opera/.test(ua),     op : /opera/.test(ua),     sa : /version.*safari/.test(ua),    

php缩放图片(根据宽高的等比例缩放)实例介绍_php技巧

推荐一个简单实用的缩放图片工具 SimpleImage,参考http://www.white-hat-web-design.co.uk/blog/resizing-images-with-php/ 使用方法: 设定宽高,不等比例缩放 复制代码 代码如下: <?php include('SimpleImage.php'); $image = new SimpleImage(); $image->load('picture.jpg'); $image->resize(250,400); $i

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

用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例

先上效果图: CSS: 复制代码 代码如下: body{margin:0px;padding:0px;-moz-user-select:none;cursor:default;} .tabEditDiv{position:absolute;width:15px;height:15px;cursor:pointer;} .seltab{position:absolute;width:15px;height:15px;cursor:pointer;background:url(images/selt

javascript 检测上传图片类型代码

<form enctype="multipart/form-data" method="post" name="upform" target="upload_target" action="upload.php">   <input type="file" name="Filedata" id="Filedata"/>   

js检测访客浏览器类型的方法

在360浏览器检测 <script>document.write(navigator.userAgent.toLowerCase());</script> 输出来 mozilla/4.0 (compatible; msie 8.0; windows nt 5.1; trident/4.0; .net clr 2.0.50727; infopath.2; asktbptv/5.17.0.25589; alexa toolbar) 在ff浏览器下检测显示为 mozilla/5.0 (w

javascript 检测浏览器类型和版本的代码_javascript技巧

检测浏览器及其版本的代码 复制代码 代码如下: getBrowser : function(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: 'unknown', version: 0 }, userAgent = window.navigator.userAgent.toLowerCase(); if ( /(

asp.net(C#)压缩图片,可以指定图片模板高宽_实用技巧

复制代码 代码如下: //生成缩略图函数 //顺序参数:源图文件流.缩略图存放地址.模版宽.模版高 //注:缩略图大小控制在模版区域内 public static void MakeSmallImg(System.IO.Stream fromFileStream, string fileSaveUrl, System.Double templateWidth, System.Double templateHeight) { //从文件取得图片对象,并使用流中嵌入的颜色管理信息 System.Dr