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

JS判断图片大小

阅读更多

<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test"  height="18"/>
   
//前面为网页
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
   
function changeSrc(filePicker)
{

    oFileChecker.src = filePicker.value;//读图片
 alert("sss");
}
   
//这个很重要,判断是否完全读完,否则判断图片大小不准确
oFileChecker.onreadystatechange = function ()
{alert(oFileChecker.src);
     if (oFileChecker.readyState == "complete")
     {
        checkSize();
     }
}
   
function checkSize()
{
     var limit  = document.getElementById("fileSizeLimit").value * 1024;
   
     if (oFileChecker.fileSize > limit)
     {
        alert(oFileChecker.fileSize);
     }
     else
     {
        alert("ok");
     }
}
</script>

分享到:
评论

相关推荐

    js 判断上传图片的大小

    js 判断上传图片大小 兼容ie ff 无需flash的支持

    纯javascript实现上传图片前图片预览,判断图片大小

    **步骤4:判断图片大小** 在`handleImageChange`函数中,我们可以通过`File.size`属性获取文件大小(单位为字节)。如果图片过大,可以阻止预览并提示用户。 ```javascript function handleImageChange(event) { ...

    JS上传图片大小验证.rar

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

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

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

    高度,javascript判断上传图片大小,宽度,高度

    4. **判断图片大小**: 图片的大小通常指的是它的字节数,可以通过`File`对象的`size`属性获取。如果需要限制上传图片的大小,可以比较`size`与设定的阈值。 5. **事件处理**: 使用`FileReader`的`onload`事件来...

    JS判断上传文件的大小类型等限制

    ### JS判断上传文件的大小类型等限制 在Web开发中,文件上传是一个常见的功能需求。为了确保用户体验并防止服务器资源被滥用,前端通常需要对上传的文件进行一系列的验证,如文件大小、文件类型等。本文将详细介绍...

    上传图片客户端判断大小,javascript获得上传图片的大小

    不用IE控件(ActiveXObject)不用 Img属性 上传图片客户端判断大小,javascript获得上传图片的大小 兼容所有浏览器,亲测可用 判断文件大小,判断上传图片的大小,图片格式

    web中Flash+js本地判断上传图片大小

    一般的js本地判断在某些浏览器上是不兼容的,而本款是通过flash +Js进行本地判断大小后并上传,解决部分人上传超大文件页面报错,以及上传大文件服务压力大的问题。 falsh + js判断哦。准确而安全。 iis配置指向文件...

    Javascript检查图片大小不要让大图片撑破页面

    如何用Javascript判断图片大小,其实只要写一个简单的函数就可以了,当然这么判断要怎么写很多人可能不知道。发觉用 ASP 判断图片大小比数牛毛还繁复, 且判断了就判断了, 还要逻辑显示。..烦。 用 Javascript 判断...

    JS判断并预览客户端上传图片

    2. **图片大小判断**: 同样利用File API,我们可以获取到文件的大小(以字节为单位),然后将其转换成人类可读的格式,如KB或MB。设定一个最大允许大小,对比上传的图片大小。 ```javascript const maxSize = 1...

    js图片预览判断尺寸大小

    ### 图片预览与尺寸判断知识点 #### 一、背景介绍 在Web开发中,经常需要用户上传图片,为了提高用户体验并确保上传的图片符合规格(例如格式正确、尺寸适中),开发人员需要通过JavaScript来实现实时的图片预览...

    js解决div内图片自适应大小

    本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示,并兼容不同浏览器,包括火狐、谷歌和IE6/7/8。 首先,我们来看一下基本的HTML结构,它包含一个div容器和一个img元素: ```html `...

    js识别照片中的人脸信息

    预处理阶段,图像可能需要被调整到合适的大小、转换为灰度图像或者进行直方图均衡化等操作,以便于后续处理。特征提取通常涉及寻找人脸的特定部分,如眼睛、鼻子和嘴巴的位置。这些特征可以是预先训练好的模型所学习...

    js判断上传文件大小,支持多种浏览器

    js判断上传文件大小,支持多种浏览器,在做项目的时候用到的,一个用户上传一张图片30多M,然后程序就一直出错,在网上好不容易找到一个支持多种浏览器的js判断上传文件大小的方法,和大家分享下……

    js 实现 判断上传图片的大小

    js 实现 判断上传图片的大小! 值得下载看看!资源免费,大家分享!!

    JS控制图片上传大小

    在网页开发中,图片上传是常见的功能之一,但为了优化用户体验和服务器性能,通常需要对上传的图片大小进行限制。本文将深入探讨如何使用JavaScript(JS)来控制图片上传的大小,确保用户上传的图片符合预设的标准。...

    大小图转换js调用

    - JavaScript可以用来判断图片是否已被加载,或者监听图片加载进度。 6. **性能优化**: - 使用WebP、JPEG 2000等高效格式,减小图片大小。 - 使用雪碧图(Sprite Sheets)或图标字体(Icon Fonts)减少HTTP请求...

    Javascript判断图片尺寸大小实例分析

    1. JavaScript判断图片尺寸的基本方法: 在JavaScript中,我们通常可以通过创建一个新的Image对象来加载并获取图片的尺寸。例如,使用以下代码段创建了一个Image对象并设置了其src属性,这个过程是异步的: ```...

    通过ajax判断文件大小

    总结起来,通过Ajax判断文件大小是利用JavaScript的FileReader API和Ajax技术实现的,可以提供无缝的用户体验,同时避免了不必要的服务器压力。如果在特定服务器环境下遇到问题,如IIS,需要进一步分析和调整服务器...

    js实现适配不同的屏幕大小

    简而言之,它是确保网页元素(如文字大小、布局、图片尺寸等)能够根据屏幕尺寸变化而自动调整,以适应不同设备的显示需求。这包括各种手机、平板、桌面显示器等等。 在js中实现屏幕适配,一个常见的方法是监听设备...

Global site tag (gtag.js) - Google Analytics