您的位置：首页 > 其它

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

2014-02-16 16:26 423 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航