您的位置:网站主页> Javascript教程> JS特效 > javascript 检测上传图片类型与高宽(按比例缩放)

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

时间:2018-06-04 18:00:01   编辑:admin   文章来源:php教程网 已阅读:91 次

编程入门教程[www.ask186.com]网站介绍 

    编程入门教程主要涉及WEB开发领域,主要为广大WEB开发人员提供最新的WEB开发资讯信息,包含php教程mysql教程php面试题在线调色板php学习以及常用( Amazon ApiGoogle Api)等API、爱问资源共享HTML转JS不显示xml...[详细]
广告投放: 编程入门教程:www.ask186.com 电话:15818865556

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

<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>

  • 上一篇:
  • 下一篇:

本文地址:http://www.ask186.com/content/article/js/efect/31991.html(转载请保留)

相关关键词搜索:javascript

发表评论
      
* 以上用户言论只代表其个人观点,不代表www.ask186.com网站的观点或立场
推荐文档更多
编程入门教程 | PHP教程 | Mysql教程 | Apache教程 | 最新文章 | PHP面试题| 网站地图 | Google地图 | Baidu地图 | 在线WEB论坛| 中纪委反腐最新消息

WEB技术QQ交流群:151963186 站长Q号:547214413
版权所有者:编程入门教程 地址:云南省文山州砚山县盘龙乡 滇ICP备12002707号-1
特别声明:本站内容仅供参考,不作为设计及确切依据!想了解更多,可立即进入Bbs提问