<input type="file" id="file" />
<script type="text/javascript">
var f = document.getElementById('file');
f.onchange = function(){
var i = new Image()
, f_val = f.value
, isImg = /jpg|gif/i.test( (f_val.match(/\.(\w+)$/)[0]).toLowerCase() )
, num_tmp = 0;
i.src = f_val;
if(!isImg){
alert('图片格式不对,请选择正确的图片');
//选择的不是图片的时候;
return false;
}
var newSetInterval = setInterval(function(){
num_tmp++;
if(num_tmp>=10){
alert('图片已损坏,请换一张图片');
//当后缀是图片格式,但是是后改的后缀,在这里添加对应动作
clearInterval(newSetInterval);
return false;
}
if(i.fileSize && i.fileSize != -1){
alert(i.fileSize);
//在这里添加你的判断、图片处理代码
clearInterval(newSetInterval);
};
}, 20);
}
</script>
分享到:
相关推荐
在JavaScript中,对上传图片进行大小、宽度和高度的判断是一项常见的前端操作,尤其是在实现用户在网站上上传图片时需要预览和验证图片格式及尺寸的场景。以下是一些关于如何使用JavaScript进行这些判断的关键知识点...
不用IE控件(ActiveXObject)不用 Img属性 上传图片客户端判断大小,javascript获得上传图片的大小 兼容所有浏览器,亲测可用 判断文件大小,判断上传图片的大小,图片格式
本文将深入探讨如何使用JavaScript来实现这一功能,通过前端验证,防止大文件上传导致的网络延迟或者服务器压力。 一、JavaScript简介 JavaScript是一种广泛使用的轻量级编程语言,主要应用于Web浏览器,用于实现...
在本文中,我们将深入探讨如何使用纯JavaScript实现上传图片前的预览功能,并且检查图片的大小,确保兼容性覆盖到IE7至IE10、Firefox以及Chrome等主流浏览器。这个功能对于用户交互体验有着重要的作用,因为它允许...
本文将深入探讨如何利用JavaScript来实现对上传文件大小的限制与判断。 ### 一、理解上传文件大小的限制 上传文件大小的限制通常由以下几个方面决定: 1. **服务器或应用程序的配置**:服务器或后端框架可能已经...
本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...
一个高手写的js判断文件大小,asp.net开发中挺实用的,分享给大家,喜欢的就下载吧 (this)"/> 即可~
### JS判断上传文件的大小类型等限制 在Web开发中,文件上传是一个常见的功能需求。为了确保用户体验并防止服务器资源被滥用,前端通常需要对上传的文件进行一系列的验证,如文件大小、文件类型等。本文将详细介绍...
本文将详细介绍如何使用JavaScript来实现对上传文件大小的控制,特别是针对非图片文件类型的场景。 #### 一、背景与需求分析 在许多网站或应用程序中,都需要用户提供文件上传的功能,如文档、视频等。这些文件...
在前端,JavaScript可以用来做初步的文件大小验证,避免用户上传过大的文件导致服务器端处理压力过大或者服务器资源浪费。 在JavaScript中,我们可以使用`HTML5`的File API来获取文件的信息,例如文件名、类型和...
总的来说,客户端文件上传大小判断是提升网站性能和用户体验的有效手段。通过JavaScript或其他前端技术实现这一功能,结合像Plupload这样的专业组件,可以确保文件上传操作既安全又高效。同时,这也能避免服务器端...
本文将深入探讨如何使用JavaScript进行图片上传前的大小和类型限制检测。 首先,我们要了解JavaScript在浏览器环境中的文件操作能力。由于安全原因,JavaScript无法直接读取本地文件内容,但它可以通过HTML5的File ...
本文将详细介绍如何使用JavaScript来判断上传文件的大小,并确保该功能在不同浏览器(包括火狐、谷歌、IE和360浏览器)中的兼容性。 #### 一、需求分析 在实际项目中,通常需要满足以下几点要求: 1. **文件大小...
在前端,可以通过JavaScript的File API来检测文件的类型,如`file.type`属性可以获取到MIME类型,进而判断图片格式。 其次,图片大小的检测主要是为了防止过大文件导致服务器压力增大或者内存溢出。前端通常会限制...
在JavaScript中,对用户上传的图片进行大小验证是常见的需求,尤其在网页应用中,确保图片大小在合理范围内可以优化加载速度,节省服务器资源。这个"JS上传图片大小验证.rar"压缩包可能包含了一个实现此类功能的示例...
### JavaScript 控制上传文件的大小及文件类型 在现代Web应用开发中,文件上传功能非常常见,例如用户可能需要上传头像、文档等文件。为了确保用户体验并减轻服务器负担,通常需要对上传文件进行预检查,包括文件...
本文主要介绍了如何使用JavaScript检测用户上传文件的大小,这在网页设计中是一个常见的需求,尤其当需要限制上传文件大小以符合服务器端处理能力或者节省带宽资源时。 首先,网页中的文件上传通常是通过HTML的文件...
js判断上传文件大小,支持多种浏览器,在做项目的时候用到的,一个用户上传一张图片30多M,然后程序就一直出错,在网上好不容易找到一个支持多种浏览器的js判断上传文件大小的方法,和大家分享下……
在JavaScript中,对上传文件大小进行判断是网页交互中常见的一种功能,特别是在处理用户上传文件时,为了防止服务器被大文件占用过多资源或确保文件上传符合网站规定,我们需要在前端进行预判。以下是对这个主题的...
在JavaScript(JS)中,处理客户端的图片上传是一项常见的任务,尤其在网页应用中,我们需要确保用户上传的图片符合特定的格式和大小限制,同时提供实时预览功能以提升用户体验。下面将详细介绍如何实现这些功能。 ...