页面中在上传之前获取上传文件的路径(例子:获取上传图片的路径,获得上传图片的大小:长度和宽度)
<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>
posted on 2013-10-22 11:35 passer1991 阅读(330) 评论(0) 编辑 收藏 举报