日期:2014-05-16 浏览次数:20558 次
只兼容 IE
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img width="60" height="60" id="picdemo">
</td>
<td>
<input type="file" id="file" class="allinput" onchange="loadimg();" />
<input type="submit" name="submit" value="上传" />
</td>
</tr>
</table>
<script type="text/javascript">
function loadimg(){
var img = new Image();
img.src=document.all.file.value;
alert( '上传图片的宽度为' + img.width +
'上传图片的高度为'+img.height+'上传图片的大小为'+size(img.fileSize));
document.getElementById('picdemo').src = img.src;
}
function size(len){
var kb=len/1024;
if(kb<1024)
return kb.toFixed(2)+"K";
else
{
var m=kb/1024;
return m.toFixed(2)+"M";
}
}
</script>
------解决方案--------------------
<script type="text/javascript">
function Upzp1_onchange() {
var e = window.event.srcElement
var str = e.value
var Preview
if (str != "")
{
var pos = str.lastIndexOf(".");
var lastname = str.substring(pos, str.length) //此处文件后缀名也可用数组方式获得str.split(".")
if (lastname.toLowerCase() != ".jpg")
{
alert("您选择的图片类型必须为.jpg");
return false;
}
else
{
var FileMaxSize = 200;//限制上传的文件大小,单位(k)
var img=new Image();
img.src=e.value;
Preview= document.getElementById("Preview");
Preview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src =img.src;
Preview.style.width = "200px";
Preview.style.height = "200px";
}
}
}
function showpic()
{
document.getElementById("Image1").src= document.getElementById("FileUpload1").value;
}
</script>