html中获取图片的真实尺寸

使用js得到图片的真实尺寸，下面就是js代码:

<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
            <img style="width:100px;height:100px;" id="img" src="4.jpg"/>
            <button onclick="ge();">点我送屠龙宝刀</button>
    </body>

    <script type="text/javascript">
        function ge(){
            var img = document.getElementById("img");
            //把这个对象进行克隆
            var ig = $(img).clone();
            //把css属性中的width与height去掉，然后就是它的真实尺寸了
            $(ig).css("width","");
            $(ig).css("height","")

            //这里把jquery转成了原生的js对象，来取它的宽度与长度
            alert("宽度:"+$(ig)[0].width+"    高度:"+$(ig)[0].height);
        }
    </script>
</html>

把这个html复制回去，就可以直接使用了!

时间： 2024-11-04 08:03:04

html中获取图片的真实尺寸的相关文章

Android从Camera中获取图片的两种方法

方法一: 此方法会由Camera直接产生照片回传给应用程序,但是返回的是压缩图片,显示不清晰 /** 启动Camera */ private void intentCamera(){ try { Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(cameraIntent, 0); } catch (Activi

从相册中获取图片

Intent intent=new Intent(); intent.setAction("android.intent.action.PICK"); intent.setType("image/*"); startActivityForResult(intent, 100); 在activity中重写onactivityForResult()方法,在里面获取得到的数据从相册中获取图片

Android从相册中获取图片以及路径

首先是相册图片的获取: private final String IMAGE_TYPE = "image/*"; private final int IMAGE_CODE = 0; //这里的IMAGE_CODE是自己任意定义的 //使用intent调用系统提供的相册功能,使用startActivityForResult是为了获取用户选择的图片 Intent getAlbum = new Intent(Intent.ACTION_GET_CONTENT); getAlbum.set

Android中使用OKHttp上传图片，从相机和相册中获取图片并剪切

效果: 注意:1:网络权限<uses-permission android:name="android.permission.INTERNET"></uses-permission>2:我封装了一个OKHttp,需要在build.gradle 中加入compile 'com.squareup.okhttp3:logging-interceptor:3.4.2' 在同步一在3:用SharedPreferences 保存和获取图片了,将图片和字符串进行了转换4: 可

Android中获取图片的宽和高

在Android中,我们想获取图片的宽和高应该怎么办?一.正常加载图片的方法下获取宽和高举一个简单的例子:创建一个图片的副本 //加载原图 Bitmap bmSrc = BitmapFactory.decodeResource(getResources(), R.drawable.photo3); //创建副本 //1.创建与原图一模一样大小的bitmap对象,该对象中目前是没有内容的,可以比喻为创建了和原图一样大小 //的白纸 Bitmap bmCopy = Bitmap.createBit

从网络中获取图片显示到Image控件并保存到磁盘

一.从网络中获取图片信息: 1 /// <summary> 2 /// 获取图片 3 /// </summary> 4 /// <param name="url">Url</param> 5 /// <returns>BitmapImage</returns> 6 public BitmapImage GetImage(string url) 7 { 8 BitmapImage image=null; 9 try

从手机中获取图片遇到的OOM问题解析

在安卓开发过程中,一个无可避免的功能就是通过图库或者拍照来获取图片. 在这个过程中,一个最经典的错误就是由于图片过大而造成的OOM问题. 首先调用图库或者是拍照功能 /** * 图库选择 */ public static void choicephoto(Activity activity) { if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) { Intent intent = new In

点读笔写字App（1）——从Drawable中获取图片画图

[如果你想了解这个点读笔写字App的背景,请移步这里 http://www.jianshu.com/p/ee2a1bb99280 ] 直到这篇文章的时候,我并不知道在android App运行的过程中需要使用到的图片文件应该放到何处比较合适,一点可以肯定的是不能在app安装时直接写到安装路径包的文件夹下面,因为这样会发生误删,从而引起app运行时获取不到图片的错误.如果不应该这么做,麻烦告诉我应该放到哪吧. 正如题目所说的,我把他放到了Drawable中,运行中就可以方便的取得图片了,不过放到d

使用JavaScript获取图片的真实尺寸大小

Webkit 内核的浏览器在加载完图片之后才能获取宽和高.所以,我建议使用onload时间来获取图片的宽和高 1 var img = $("img")[0]; // Get my img elem 2 var pic_real_width, pic_real_height; 3 $("<img/>") // Make in memory copy of image to avoid css issues 4 .attr("src",