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

js 获取图片大小

    博客分类：
  • js
JavaScriptXHTMLHTML 
阅读更多

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

第一种：最长用的！但是有提示！ 嘿嘿！ 给人感觉有点不坏好意哈？

 <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

分享到：
| java SE5 新特性
评论
发表评论

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

相关推荐

    JS获取文件大小方法小结

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

    js获取图片修改时间

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

    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验证上传图片 大小 格式

    在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"压缩包可能包含了一个实现此类功能的示例...

    js控制图片缩放 不失真 获取图片真实长和宽

    以下是一个基本的示例，用于获取图片的真实宽度和高度： ```javascript function getImageRealSize(img) { var imgObj = new Image(); imgObj.src = img.src; return { width: imgObj.naturalWidth, height: ...

    基于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;")....

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