`
kkkk
  • 浏览: 2047 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

文件上传 javascript 相关验证

阅读更多
<! 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 ="" > 
 </ HEAD > 
 
 < BODY > 
 < form  name ="fr"  action ="up.asp"  method ="post"  enctype ="multipart/form-data"  onsubmit ="return chk()" >  
 < input  type ="file"  name ="file"  id ="file"  size ="30"  UNSELECTABLE ="on" >  
 < input  type ="submit"  name ="submit"  value ="上传" >  
 < script  language ="javascript" >   
 function  chk() 
  { 
 var  s = fr.file.value; 

 if (fr.file.value == "" ) 
  { 
alert( " 请输入图片地址! " ); 
fr.file.focus(); 
 return   false ; 
}  
s = s.substr(s.lastIndexOf( " . " ) + 1 , 3 ); 
 if (s != " gif " && s != " jpg " ) 
  { 
alert( " 请选择正确的图片格式! " ) 
 return   false ; 
}  

 var    img    =     new    Image(); 
 var  FileMaxSize  =   10 ; // 限制上传的文件大小,单位(k) 
 
 img.src    =  fr.file.value; 
 if (img.fileSize > FileMaxSize * 1024 )  {
alert( " 请上传小于100K的图片 " );

fr.file.focus();
 return   false ; 

} 
} 
 </ script >  
 </ BODY > 
 </ HTML > 

分享到:
评论
1 楼 kkkk 2008-05-26  
bug:切到中文输入法,状态。页面可写

待修
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    JavaScript多文件上传

    在提供的压缩包“经典上传”中,可能包含了实现以上功能的示例代码、样例页面或者相关教程,通过学习这些资源,你可以深入理解并掌握JavaScript多文件上传的实现。在实际应用中,还可以结合AJAX、Promise、async/...

    JavaScript客户端验证和页面特效制作(JavaScript)

    6. **拖放功能**:允许用户通过拖动元素来重新排列布局或上传文件。 7. **计时器与倒计时**:用于展示活动剩余时间、倒计时提醒等。 8. **动画效果**:利用CSS3和JavaScript库(如jQuery)创建平滑的过渡和动画效果...

    上传文件验证表单

    本项目名为“上传文件验证表单”,它利用了Bootstrap框架进行页面布局,并采用了Webuploader插件来处理文件上传。下面将详细讨论这两个主要知识点。 **Bootstrap框架** Bootstrap是一个流行的开源HTML、CSS和...

    ExtJS验证上传文件类型

    这篇文章将详细讲述ExtJS如何验证文件上传类型。 使用 Validator 验证文件类型 在 ExtJS 中,我们可以使用 field 组件的 validator 验证器来验证文件类型。Validator 是 filefield 的一个配置项,它的值是一个 ...

    ASP Javascript 文件上传

    ASP JavaScript 文件上传是一种常见的Web开发技术,用于在用户端(客户端)通过网页向服务器端(服务端)提交文件。在ASP(Active Server Pages)环境中,JavaScript通常被用来处理客户端的交互,提供动态的用户界面...

    用javascript做的一个多文件上传

    例如,服务器端需要验证文件类型和大小,防止恶意文件上传。同时,前端也需要确保用户明确知晓他们上传的内容。 7. **AddFiles.asp**:这个文件名可能是服务器端处理文件上传的脚本,可能是ASP(Active Server ...

    JS上传文件大小验证.rar

    在Web开发中,JavaScript(JS)常常用于实现前端交互功能,包括文件上传。"JS上传文件大小验证"这个主题涉及到用户在网页上选择文件后,前端先进行文件大小的检查,以防止过大文件导致服务器压力或者用户体验问题。...

    javascript表单美化和验证插件

    3. **可定制的输入标签**:提供对不同类型的输入元素的支持和美化,包括select(下拉列表)、radio(单选按钮)、checkbox(复选框)以及file(文件上传)。这些元素可以根据设计师的需求进行定制,使界面更符合品牌...

    javascript+HTML5 多文件上传(插件)多进度条显示

    在现代Web开发中,JavaScript和HTML5的结合为我们提供了丰富的功能,其中之一就是多文件上传。在本项目中,"javascript+HTML5 多文件上传(插件)多进度条显示"是一个实现这一功能的实例,它允许用户选择并上传多个...

    JavaScript判断上传文件大小的限制脚本

    本文将深入探讨如何使用JavaScript来实现这一功能,通过前端验证,防止大文件上传导致的网络延迟或者服务器压力。 一、JavaScript简介 JavaScript是一种广泛使用的轻量级编程语言,主要应用于Web浏览器,用于实现...

    struts2上传文件,JavaScript判断文件大小

    总之,Struts2的文件上传结合JavaScript的前端验证,可以构建一个健壮且用户体验良好的文件上传功能。需要注意的是,安全性和性能优化也是设计这类功能时必须考虑的因素,例如防止文件注入攻击,以及优化大文件上传...

    javascript多文件上传 无刷新

    通过上述分析可知,“JavaScript多文件上传无刷新”技术主要依赖于前端JavaScript实现动态文件输入框生成及文件类型验证等功能,并通过Ajax等技术实现在不刷新页面的情况下进行文件上传操作。这种方案不仅提升了用户...

    javascript实现限制上传文件大小

     项目中经常用到需要上传文件、照片等功能,同时需要限制所上传文件的大小。很多插件都会采用后台请求验证,前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;...

    javascript 多种验证代码

    - **文件上传的文件类型验证**:确保上传的文件类型符合预设条件。 4. **字符类验证**: - **字母验证**:确保输入只包含小写或大写字母,如`if(/[^a-zA-Z]/g.test(this.value))`。 - **字母和数字验证**:检查...

    javascript控制上传文件的大小及文件类型

    在现代Web应用开发中,文件上传功能非常常见,例如用户可能需要上传头像、文档等文件。为了确保用户体验并减轻服务器负担,通常需要对上传文件进行预检查,包括文件大小限制以及文件类型的验证。下面将详细介绍如何...

    js验证上传文件大小

    总结来说,JavaScript验证上传文件大小主要通过监听文件输入字段的`change`事件,获取文件对象,然后检查`size`属性。结合HTML和CSS,我们可以创建一个交互式的文件上传界面,提供友好的用户反馈。这个功能对于任何...

    filepond一个灵活有趣的JavaScript文件上传插件

    FilePond 是一款高度可定制、灵活且有趣的 JavaScript 文件上传插件,专为现代Web应用设计。它提供了丰富的功能和自定义选项,使得在网页上实现优雅、用户体验友好的文件上传变得简单。FilePond 支持多种浏览器,...

    FileUpload控件上传文件客户端验证格式

    然而,为了确保数据安全性和服务端资源的有效利用,通常需要在文件上传前进行客户端验证。客户端验证可以提供即时反馈,减少不必要的服务器请求,并提高用户体验。 一、FileUpload控件基本使用 FileUpload控件在...

    一个基于Javascript+PHP 实现的多文件上传程序例子

    为了保证安全性,我们需要进行一些验证和过滤,比如检查文件类型、大小,防止恶意文件上传。同时,为了防止DoS攻击,应限制单次上传的文件数量和总大小。 在实际应用中,可能还需要考虑进度条显示、并发上传优化、...

Global site tag (gtag.js) - Google Analytics