js判断上传文件大小 - 伊凡个人博客 - ITeye博客

`

fxz_2008

浏览: 275388 次
性别:
来自: 福建

最近访客更多访客>>

aa276174247

diaomcse110

tadbrad1

18483629676

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

guoshuai_27： ...
24种页面切换效果详解
nucleus：第一个例子少了sql demo1：统计某商店的营业额能补上去么 ...
超级牛皮的oracle的分析函数over(Partition by...) 及开窗函数
agan112： xili
oracle数组例子
ye361571404：谢谢了。。。。
weblogic92启动时的问题：Unmarshaller failed .
bianxiaoxm：感觉不错，值得学习！
js禁止页面刷新后退

js判断上传文件大小

博客分类：

javascript

JavaScript HTML

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

	<SCRIPT LANGUAGE="JavaScript">
		function doupload(){
			var imgsrc = document.getElementById("thefile").value;
			var theimg = document.getElementById("theimg");
			var thebnt = document.getElementById("thebnt");
 
			theimg.src = imgsrc;


			theimg.onload = function(){
				if(theimg.fileSize > 300*1024){
					thebnt.style.display = "none";
					alert("图片不能大于300K!");
				}else {
					thebnt.style.display = "";
				}
			}


			theimg.onerror = function(){
				thebnt.style.display = "none";
				alert("上传图片有误,请更换图片!");
			}
		}
 
	</SCRIPT>
   
       

 </HEAD>

 <BODY>
  
   <input type="file" id="thefile" onchange="doupload()"/>
   <input type="button" value="上传" id="thebnt" onclick="doupload()" style="display:none;"  />
   <img src="" id="theimg" style="display:none;" >
 </BODY>
</HTML>

2
顶

0
踩

分享到：

3D照片墙 | 去除List中重复的元素

2010-04-20 22:16
浏览 1150
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

js判断上传文件大小，支持多种浏览器: 由于项目需要，在网上找了一个JS判断上传文件大小的程序，经测试兼容IE6-9，Firefox10,Opera11.6,safari5.1,chrome17

JavaScript判断上传文件大小的限制脚本: 三、文件大小限制的JavaScript实现 1. 获取文件大小当用户选择文件后，`<input type="file">`标签的`change`事件会被触发。我们可以在这个事件中获取到选中的文件，并通过`FileList`对象的`item`方法获取到`File`...

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

JS 判断上传文件大小.rar: 在JavaScript中，对上传文件大小进行判断是网页交互中常见的一种功能，特别是在处理用户上传文件时，为了防止服务器被大文件占用过多资源或确保文件上传符合网站规定，我们需要在前端进行预判。以下是对这个主题的...

js判断上传文件的大小（兼容火狐、谷歌、IE、360浏览器）: ### js判断上传文件的大小（兼容火狐、谷歌、IE、360浏览器）在Web开发中，经常需要处理用户上传文件的操作。为了确保服务器安全并优化用户体验，开发者需要对上传文件进行一定的预处理，例如限制文件大小。本文将...

js判断文件大小，js判断文件大小: 项目组经常会用到文件上传，但是如果在服务器端判断文件大小，那文件已经传到服务器了那也就没有任何意义了，而且打文件会造成服务器和网络的压力。今天这个方法可以在前端就判断文件大小，否则就不上上传，支持...

上传文件大小的限制和判断javascript: 本文将深入探讨如何利用JavaScript来实现对上传文件大小的限制与判断。 ### 一、理解上传文件大小的限制上传文件大小的限制通常由以下几个方面决定： 1. **服务器或应用程序的配置**：服务器或后端框架可能已经...

javascript实现限制上传文件大小: 本篇介绍一个前端JS便捷判断上传文件大小的方法。这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...

js 判断上传文件大小及格式代码: 一般会选择采用iframe的形式来进行文件的上传，但我们不能像ajax那样对服务端返回的数据进行处理，从而来进行文件大小以及文件样式的判断，所以我们一般也会想到使用js对上传的文件大小以及格式进行初步的判断，在...

ExtJS4 上传文件类型和大小的判断方法（实例）: 对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法（实例）》：http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

js控制上传文件的大小: 通过以上介绍，我们可以看到使用JavaScript来控制上传文件大小的方法有多种。其中，利用HTML5的File API是最为现代化且实用的方式。这种方法不仅能够有效地控制文件大小，还能提供良好的用户体验。开发者可以根据...

php文件上传大小客户端判断: 标签"上传文件判断"进一步明确了讨论的主题，即文件上传过程中的验证机制。在客户端进行文件大小判断通常涉及到以下步骤： 1. **文件选择事件监听**：使用JavaScript或jQuery等库，监听`input[type="file"]`元素的`...

javascript判断文件大小: 一个高手写的js判断文件大小，asp.net开发中挺实用的，分享给大家，喜欢的就下载吧 (this)"/> 即可~

struts2上传文件，JavaScript判断文件大小: -- 设置最大上传文件大小 --> <result name="success">/success.jsp ``` 在上述配置中，`fileUpload`拦截器用于处理文件上传，我们可以设置最大允许的文件大小。如果上传的文件超过了这个大小，Struts2会抛出...

jquery客户端判断上传文件的格式和大小: 在开发Web应用时，文件...总的来说，通过`jQuery`实现客户端文件上传的类型和大小判断，可以有效地提升用户体验，并且在一定程度上保护了服务器资源。不过，为了确保安全性，开发者应始终在服务器端进行严格的验证。

高度,javascript判断上传图片大小，宽度，高度: 在这个示例中，`MAX_IMAGE_SIZE`、`MAX_WIDTH`和`MAX_HEIGHT`分别代表允许的最大文件大小和尺寸。 7. **性能优化**：为了避免不必要的资源消耗，可以先验证图片类型和大小，只有在满足条件后才创建`Image`对象...

jquery过滤上传文件的类型和限制文件的大小: ### 使用jQuery过滤上传文件的类型和限制文件大小在Web开发中，经常需要处理用户上传文件的功能。为了确保系统的安全性和提高用户体验，开发者通常需要对上传的文件进行一系列的检查，比如验证文件类型是否符合...

Global site tag (gtag.js) - Google Analytics