`
border
  • 浏览: 206717 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用js能得到图片的高度和长度

JavaScriptHTML 
阅读更多


<html>
<body>
<p>图片：<br/>

<script language="javascript" type="text/javascript">
 var imgwidth;
 var imgheight;
 var imgObj = new Image();
 imgObj.src = "d:\photo_temp.gif" ;
 imgwidth = imgObj.width;
 imgheight = imgObj.height;
 alert(imgwidth);
 alert(imgheight);
</script>

</body>
</html>


分享到：
| 一个简单的进度条，applet实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS实现压缩上传图片base64长度功能

    在本文中，我们将探讨如何使用JavaScript实现压缩上传图片的功能，特别是关注如何减少base64编码后的图片数据长度。这个过程对于优化图像在网络中的传输效率，减少服务器存储空间，以及提高用户体验都是至关重要的。...

    使用 javascript 提取图像颜色

    现在，`data`是一个一维数组，长度是宽度乘以高度乘以4。我们可以遍历这个数组来获取每个像素的颜色： ```javascript for (let i = 0; i ; i += 4) { const r = data[i]; const g = data[i + 1]; const b = data...

    RichText自适应高度

    首先，富文本自适应高度的问题通常出现在动态内容加载或者用户输入时，由于富文本内容的多样性，其长度和宽度可能难以预估，尤其是在聊天界面这种需要实时更新和滚动的内容展示区。为了解决这一问题，开发者通常会...

    js获得canvas中指定像素点的颜色

    在JavaScript中，Canvas API是一个强大的工具，用于在网页上绘制图形和进行图像处理。当我们需要获取Canvas中某个特定像素点的颜色时，可以使用`getImageData()`方法。这个方法允许我们获取Canvas渲染上下文中的像素...

    原生js完整轮播.zip

    在本项目中，我们主要探讨如何使用原生JavaScript来实现一个功能完备的轮播图。这个轮播图包括自动播放、焦点显示时显示左右切换按钮以及通过点击左右按钮来手动切换图片的功能。以下是对这些知识点的详细解释： 1....

    js获取图片长和宽度的代码

    下面将详细介绍如何利用JavaScript来获取图片的长度（宽度）和高度。 #### 1. 基本原理 在HTML中，我们可以为`&lt;img&gt;`元素设置一个`onload`事件处理器，当图片加载完成之后，可以通过`this.width`和`this.height`...

    超实用的JavaScript代码段(代码逆袭)1

    JavaScript是一种广泛应用于Web开发的脚本语言，近年来随着HTML5和Node.js等技术的发展，其重要性和应用范围得到了显著提升。对于想要学习和掌握JavaScript的初学者来说，了解并实践一些实用的代码段是快速提升技能...

    Iframe 框架自适应被嵌入页面高度

    本文将深入探讨如何使用JavaScript来控制Iframe框架自适应被嵌入页面的高度。 首先，我们要理解为什么需要动态调整Iframe的高度。由于Iframe的内容可能来自于不同的来源，其内容长度是不确定的，因此在页面加载时...

    前端面试题（JavaScript）.docx

    2. **GET 和 POST 请求缓存**：GET 请求适用于缓存，因为它通常用于获取数据，而 POST 请求通常涉及数据修改或删除，因此不适合缓存，以确保每次请求都能得到最新的数据。 3. **闭包**：闭包是指一个函数能够访问并...

    JS获取文件大小方法小结

    使用`FileReader`的`readAsDataURL()`方法可以预加载文件，然后通过`result`属性获取数据URL，计算数据URL的长度即可得到文件大小： ```javascript function getFileSize(file) { var reader = new FileReader(); ...

    KindEditor配置

    解压后，你会得到一个包含js、css、images等目录的文件结构，这些文件是编辑器运行所必需的。 **三、引入KindEditor** 在ASP.NET项目中，将KindEditor的js和css文件引入到你的页面中。通常在标签内添加以下代码： ...

    css圆角框没有使用javascript

    2. 单位：`border-radius`可以使用像素（px）、百分比（%）等长度单位，甚至可以混合使用。百分比值是相对于边框宽度或高度计算的。 3. 圆角兼容性：CSS3的`border-radius`在现代浏览器中得到了广泛支持，包括...

    采用ajax实现的图片验证码

    //2、创建一个图形缓冲区，用于绘制图形 (宽度，高度，颜色的生成方案) BufferedImage image = new BufferedImage(800,600,BufferedImage.TYPE_INT_RGB); //3、创建一支画笔（图形设备接口）用于绘图 ...

    Javascript技术笔记3

    ### JavaScript技术笔记...- **图片高度**：`document.body.offsetHeight`。 这些知识点涵盖了从基础CSS样式设置到JavaScript与DOM操作的各种细节，以及浏览器尺寸获取等高级话题，对于前端开发者来说非常实用且重要。

    5款实用的jQuery验证码插件

    jQuery是一种广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画效果，因此jQuery验证码插件成为了网站开发者实现高效且用户体验良好的验证码功能的理想选择。 以下五款实用的jQuery验证码插件各具特色，...

    常用的JS,web开发有用哦

    - 规划页面内容的尺寸，包括长度和高度。 ##### 1.38 屏蔽打印 - 阻止用户打印页面内容。 ##### 1.39 文档状态改变 - 监听文档状态的变化，例如加载完成等。 ##### 1.40 彻底屏蔽右键 - 完全禁用页面上的右键...

    特效统计图

    9. **数据分析与可视化工具**：除了纯CSS实现，还可以使用D3.js、ECharts、Highcharts等成熟的JavaScript库来创建更复杂、交互性更强的统计图表，这些库提供了丰富的图表类型和自定义选项。 10. **Web性能优化**：...

    200个常用JS用例

    - **功能说明**：设置文本框的边框、字体大小、高度、背景颜色及文字颜色等样式属性，并限制最大长度。 ### 知识点三：页面操作 #### 1. 改变浏览器窗口大小 - 示例代码： ```html window.resizeTo(300,283)...

    html转图jar.zip

    - 图片大小可能受HTML内容长度影响，需合理设定生成图片的宽度和高度。 - 需要考虑版权问题，确保有权限使用转化的网页内容。 总的来说，“html转图jar.zip”提供了一套完整的解决方案，将HTML转换为图片，方便在...

    js瀑布流布局的实现

    以上是使用JavaScript实现瀑布流布局的基本原理和代码实例。这种方法简单易懂，但可能在元素数量非常多时性能不佳，因为它需要频繁地计算和比较元素高度。为优化性能，可以考虑使用更高级的方法，如虚拟滚动或预加载...

Magicbox
Global site tag (gtag.js) - Google Analytics