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

js 获取图片大小

    博客分类:
  • js
阅读更多

     项目后期:硬着头皮开始!不过有了思路!倒是挺简单的呀!在网上找了两种方法实现

第一种:最长用的!但是有提示! 嘿嘿! 给人感觉有点不坏好意哈?

 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">   
function getFileSize(filePath)   
{   
   var fso = new ActiveXObject("Scripting.FileSystemObject");   
   alert("文件大小为:"+fso.GetFile(filePath).size);   
}  
</script>   
</head>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize1(this.value)">   
</body>
</html>

 

 第二种: 最简单的实现:原理就是写到页面上!然后获取大小!  就这么简单! 功能不好!反正实现了!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">   
function getFileSize(filePath)   
{   
    alert(filePath.value);
   img1.src =  filePath.value;
}   
</script>   
</head>
<body>
<input type="button"  onclick="alert(document.getElementById('img1').fileSize /1024)" />
<img id="img1" style="display:none" />
</body>
</html>

 

QQ214644119

分享到:
评论

相关推荐

    JS获取文件大小方法小结

    本文主要探讨了三种不同的JS方法来获取文件大小,这些方法主要适用于浏览器环境,尤其是Internet Explorer。 方法一:利用ActiveX控件 在较旧版本的IE浏览器中,可以使用ActiveX技术来访问本地文件系统。ActiveX...

    JS中通过url动态获取图片大小的方法小结(两种方法)

    当然,需要注意的是,由于网络延迟和图片文件大小的影响,通过URL获取图片尺寸仍然可能需要一定的时间,因此在设计应用逻辑时应该考虑到这一点。 总而言之,本文总结了两种通过URL获取图片尺寸的方法,各有优劣。预...

    IE9浏览器下 使用JS获取图片尺寸大小 的方法

    下面是一个在IE9中使用JavaScript获取图片尺寸的示例代码: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;IE9获取图片尺寸示例 function getImageSize(url) { var img = new Image(); img.src = url; img.onload ...

    js获取图片修改时间

    这篇博客文章“js获取图片修改时间”可能详细阐述了如何利用JavaScript来获取图片文件的最后修改日期。下面将深入探讨这个主题。 首先,JavaScript本身并不直接提供获取本地文件信息的功能,因为出于安全原因,...

    js验证上传图片 大小 格式

    在IT领域,特别是前端开发中,JavaScript(JS)被广泛应用于网页交互与数据验证,其中对上传图片的大小和格式进行验证是常见的需求之一。本文将深入解析如何使用JavaScript进行图片上传前的验证,包括检查图片格式、...

    html5通过javascript预览图片以及获取图片属性

    JavaScript作为浏览器端的主要脚本语言,与HTML5结合,可以实现许多创新功能,如图片预览和获取图片属性。在本文中,我们将深入探讨如何使用HTML5和JavaScript来实现这些功能,并参考给出的`test.html`文件进行解析...

    js获取图片大小的函数代码

    1、获取图片大小的函数getImageSize 代码如下: function getImageSize(imageEl) { var i = new Image(); //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array(i....

    JavaScript图片裁切主要是获取他们的大小发送给系统。

    JavaScript图片裁切是一种常见的前端技术,它主要用于网页上让用户自定义选择图片的裁剪区域,然后将选定区域的图片数据发送到服务器进行处理。这项技术在上传头像、编辑图片等场景中广泛应用。在JavaScript中实现...

    javascript 获取图像信息

    根据给定文件中的标题、描述、标签以及部分内容,我们可以总结出以下有关JavaScript获取图像信息的知识点: ### 一、概述 在Web开发中,经常需要处理用户上传的图像文件,例如验证图像格式是否合法、获取图像尺寸...

    JavaScript 在图片上单击获取图片原始大小.rar

    &lt;title&gt;JavaScript获取图片原始大小 img { max-width: 100%; height: auto; } 你的图片路径.jpg" onclick="displayOriginalSize(event)"&gt; &lt;p id="sizeInfo"&gt;&lt;/p&gt; function displayOriginalSize...

    JS上传图片大小验证.rar

    在JavaScript中,对用户上传的图片进行大小验证是常见的需求,尤其在网页应用中,确保图片大小在合理范围内可以优化加载速度,节省服务器资源。这个"JS上传图片大小验证.rar"压缩包可能包含了一个实现此类功能的示例...

    基于JavaScript获取base64图片大小

    在JavaScript中,获取Base64编码的图片大小,主要是根据Base64编码的特性来进行计算。由于每8个Base64字符对应6个实际的字节,但其中有2个是用于填充的0,因此我们可以从Base64字符串中去掉填充字符,并按比例计算出...

    JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】

    本文实例讲述了JS实现获取图片大小和预览的方法。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    js上传图片大小类型限制检测

    例如,如果限制图片大小不能超过2MB,可以这样写: ```javascript function checkFileSize(file, maxSizeInBytes) { return file.size ; } ``` 3. **错误信息输出**: 当检测到图片类型或大小不符合要求时,...

    js获取 input file 图片立即显示

    - 图片大小限制:为了防止内存溢出或加载时间过长,可以设置输入类型的`accept`属性限制文件类型和大小。 - 响应式设计:确保预览图片的尺寸适应不同设备和屏幕分辨率。 - 图片压缩:如果用户上传大尺寸图片,...

    JavaScript获取图片真实大小代码实例

    以下是一个使用JavaScript获取图片真实大小的代码实例: ```javascript // 获取页面中特定ID的图片元素 var img = $("#img_id"); // 创建一个内存中的图片副本,避免CSS影响尺寸计算 var imgClone = $("&lt;img/&gt;")....

    JS实现控制图片显示大小的方法【图片等比例缩放功能】

    在给定的文件内容中,描述了一个名为AutoResizeImage的JavaScript函数,该函数能够根据设定的最大宽度(maxWidth)和最大高度(maxHeight)来调整图片大小,同时保持图片原始的宽高比。具体实现步骤如下: 1. 函数定义...

Global site tag (gtag.js) - Google Analytics