页面中在上传之前获取上传文件的路径(例子：获取上传图片的路径,获得上传图片的大小：长度和宽度)

来源：互联网发布：淘宝客服工作心得体会编辑：程序博客网时间：2024/04/28 13:30

<body><script type="text/javascript" src="g:\jquery.js"></script><input id="upload" type="file"><div id="test1" style="width:300px;height:500px;border:1px solid red;"></div><script type="text/javascript">function getPath(obj) {   if(obj)   {       if (window.navigator.userAgent.indexOf("MSIE")>=1)       {         obj.select();         return document.selection.createRange().text;       }       else if(window.navigator.userAgent.indexOf("Firefox")>=1)       {         if(obj.files)         {           return obj.files.item(0).getAsDataURL();         }         return obj.value;       }else if( navigator.userAgent.toLowerCase().indexOf('chrome') > -1 )      {            var f = obj.files[0]            var src = window.URL.createObjectURL(f);              return src;      }      return obj.value;   } } $(':file').change(function(){    var src=getPath(this);    if ((window.navigator.userAgent.indexOf("MSIE")>=1))    {       $("#test1").css({"filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale')"});       $("#test1").css({"-ms-filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale')"});    }else{      $("#test1").append("<img width='460px' src='"+src+"'/>");    }       var image1=new Image();      image1.src=src;      /*获得上传图片的大小：长度和宽度*/      image1.onload=function(){        image1.onload=null;         var imgWidth=image1.width;         var imgHeight=image1.height;         var showHeight=460*imgHeight/imgWidth;                 if ((window.navigator.userAgent.indexOf("MSIE")>=1))        {           $("#test1").css({"filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale')"});           $("#test1").css({"-ms-filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale')"});        }else{           $("#test1").append("<img width='460px' src='"+src+"'/>");        }         setTimeout('setHeight()',50);        };});</script></body>

0 0