ie8和chrome获取上传图片的宽度和高度等尺寸

                  测试后可用

 <html>
 <head>
     <title>测试</title>
     <meta charset="utf-8"/>
     <link rel="stylesheet" href="http://g.tbcdn.cn/tb/global/2.9.1/global-min.css">
     <script src="http://g.tbcdn.cn/??kissy/k/1.4.2/seed-min.js"></script>
 </head>
 <body>


 <form action="" method="post">
     <input type="file" id="uploader" onchange="imgUpload()"/>
     <input type="submit" id="submit" onclick="test()"/>
 </form>
 <div id="tip1"></div>
 <div id="tip2"></div>
 <script type="text/javascript">
 var width;
 var height;
 function imgUpload() {
var obj=document.getElementById('uploader');
if(obj.files&&obj.files[0]){
var oFile=obj.files[0];
var reader=new FileReader();


reader.onload=function(){
// 也可以用 window.URL.createObjectURL(this.result)
var oImg=new Image();
oImg.src=this.result;
document.body.appendChild(oImg);

oImg.onload=function(){
width=oImg.offsetWidth;
height=oImg.offsetHeight;
//width=oImg.width;
//height=oImg.height;
document.body.removeChild(oImg);//放弃预览
};
};
reader.readAsDataURL(oFile);
}else{//ie 8
var img = new Image();
img.src = document.getElementById('uploader').value;
width=img.width;
height=img.height;

}
 }


 function test(){
alert(width);
alert(height); 
 }
 </script>
 </html> 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏乐沙弥的世界

Oracle 11g RAC CRS-4535/ORA-15077

    新安装了Oracle 11g rac之后,不知道是什么原因导致第二个节点上的crsd无法启动?其错误消息是CRS-4535: Cannot commun...

883
来自专栏虚拟化云计算

用qemu中最少的代码实现一个kvm模拟器

本文依据qemu2.11的源码,把整个初始化和运行虚拟机的代码拿出来,完成一个可以运行的模拟器demo。从中可以很清晰的看出qemu-kvm的初始化以及虚拟机的...

1.2K10
来自专栏大数据学习笔记

Spark2.x学习笔记:15、Spark SQL的SQL

15、 Spark SQL的SQL 15.1 Spark SQL所支持的SQL语法 select [distinct] [column names]|[wild...

2508
来自专栏乐沙弥的世界

SQL*Plus break与compute的简单用法

   在SQL*Plus提示符下输出求和报表,我们可以借助break与compute两个命令来实现。这个两个命令简单易用,可满足日常需求,其实质也相当于在编写S...

1196
来自专栏前端萌媛的成长之路

Setting up your own Ghost theme

1472
来自专栏程序员同行者

Docker部署Vue 工程包

这样前端工程镜像就build好了,可以执行docker run -d -p9528:9528 dist:v0.1启动

1172
来自专栏康怀帅的专栏

Docker 相关概念总览

Docker 概念总览 Docker Engine Docker 引擎 Docker architecture Docker 架构 Docker daemon ...

4028
来自专栏Golang语言社区

【Golang语言社区】GO1.9 map并发安全测试

var m sync.Map //全局 func maintest() { // 第一个 YongHuomap := make(map[st...

6688
来自专栏从零开始的linux

Dockerfile

Dockerfile ############################################################ # Dock...

3455
来自专栏ChaMd5安全团队

pwnhub年前最后一战——“血月归来”writeup

一共两题,一题是固件逆向,一题是pwn。 key–逆向 这是一个嵌入式固件的逆向。 固件逆向,第一要做的就是确定片型和板型。 确定片型可以知道硬件资源,通用寄存...

4068

扫码关注云+社区

领取腾讯云代金券