js兼容火狐获取图片宽和高的方法

 　　本文实例讲述了js兼容火狐获取图片宽和高的方法。分享给大家供大家参考。具体实现方法如下：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<!doctype html>
<html>
<head>
<meta content="text/html; charset=GBK" http-equiv="Content-Type" />
<title>获取Image 宽高</title>
</head>
<body>
<script>
function newimage(obj) {
a = new Image();
var objectURL = window.URL.createObjectURL(obj.files[0]);
var img= document.getElementById('img')
img.src = objectURL;
a.src = objectURL;
img.onload=function (){
alert(img.width);
alert(img.height);
}
}
</script>
<input id="idcardfile" type="file" name="idcardfile"
onchange="newimage(this)"/>
<img id="img" style="display: none;">
</body>
</html>

　　希望本文所述对大家的javascript程序设计有所帮助。

时间： 2024-08-03 07:31:51

js兼容火狐获取图片宽和高的方法的相关文章

js兼容火狐获取图片宽和高的方法_javascript技巧

本文实例讲述了js兼容火狐获取图片宽和高的方法.分享给大家供大家参考.具体实现方法如下: <!doctype html> <html> <head> <meta content="text/html; charset=GBK" http-equiv="Content-Type" /> <title>获取Image 宽高</title> </head> <body> <

js兼容火狐显示上传图片预览效果的方法_javascript技巧

本文实例讲述了js兼容火狐显示上传图片预览效果的方法.分享给大家供大家参考.具体实现方法如下: <!doctype html> <html> <head> <meta content="text/html; charset=GBK" http-equiv="Content-Type" /> <title>Image preview example</title> <style type=&

js兼容火狐显示上传图片预览效果的方法

  本文实例讲述了js兼容火狐显示上传图片预览效果的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <!doctype html> <html> <head> <meta content="text/html; charset=GBK" http-equiv="Content-

js获取图片宽高的方法_javascript技巧

本文分享多种js获取图片宽高的方法,并且通过实例进行分析,希望大家从中有所收获. 一.简陋的获取图片方式 // 图片地址 后面加时间戳是为了避免缓存 var img_url = 'upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'

javascript获取图片宽高的例子总结

  一.简陋的获取图片方式  代码如下   // 图片地址 后面加时间戳是为了避免缓存     var img_url = '/static/upload/2013/13643608813441.jpg?'+Date.parse(new Date());    // 创建对象     var img = new Image();     // 改变图片的src     img.src = img_url;     // 打印     alert('width:'+img.width+',heig

js 兼容火狐漂亮的图片切换

js 兼容火狐漂亮的图片切换 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>兼容火狐漂亮

如何通过js和jquery获取图片真实的宽度和高度

原文:如何通过js和jquery获取图片真实的宽度和高度 1.什么时候需要获取图片真实的宽度和高度       在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 .news img{margin:5px auto; display:block;width:1

Android编程获取控件宽和高的方法总结分析_Android

本文总结分析了Android编程获取控件宽和高的方法.分享给大家供大家参考,具体如下: 我们都知道在onCreate()里面获取控件的高度是0,这是为什么呢?我们来看一下示例: 首先我们自己写一个控件,这个控件非常简单: public class MyImageView extends ImageView { public MyImageView(Context context, AttributeSet attrs) { super(context, attrs); } public MyIm

js从外部获取图片的实现方法_javascript技巧

图片ping:图片可以从任何URL中加载,所以将img的src设置成其它域的URL,即可以实现简单的跨域,可以使用onload和onerror事件来确定是否接受到了响应 var img=new Image(); img.onload=img.onerror=function(){ alert('done'); } var getBody=document.getElementByTagName('body')[0]; getBody.appendChild(img); 以上这篇js从外部获取图片