JS 文件上传前端验证后缀及大小

怼烎@ 2022-09-19 10:53 138阅读 0赞

<script language="javascript">      
    function checkSize(size)\{  
        if(size>1024\*1024)\{  
                alert('封面图片大小限制为1M.\\n\\n请重新选择图片或对图片进行缩放处理 .');  
                $('input').val('');  
                return false;  
        \}else\{            
              $('form').submit();  
              loading('正在上传文件....');  
              return true;              
        \}  
    \}  
    function checkFile(obj)\{  
          var file=$(obj).val();  
          var ext=file.substr(file.lastIndexOf('.')+1);  
          if(ext!='png')\{  
                alert('只允许后缀为png的图片文件,请重新选择文件.');  
                $(obj).val('');  
                return ;  
              \}  
          if(obj.files)\{      
                var size=obj.files\[0\].size;  
                return checkSize(size);  
          \}else\{  
              var img=$('img')\[0\];  
              var oldImg=img.src;  
              img.src=file;  
              img.onreadystatechange=function()\{  
                  if(img.readyState=='complete')\{  
                    img.onreadystatechange=null;  
                    if(!checkSize(img.fileSize))\{  
                        img.src=oldImg;  
                        obj.outerHTML=obj.outerHTML  
                    \}  
                  \}  
              \}  
          \}         
      \}  
  
<input type="file" name='cover'  
            οnchange="checkFile(this);" />  
  
<img  
            alt="图片下载中..." src='' width='50px' height='50px'></a>

<script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/buttonLite.js\#style=-1&uuid=&pophcol=3&lang=zh"></script> <script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/bshareC0.js"></script>

阅读(409) | 评论(0) | 转发(0) |

0

上一篇：Wamp apache 配置 Https 双向 认证 全过程

下一篇：二级目录 的 URL重写

相关热门文章

*  [第一网盘永久免费超大的网络硬...][...]
 *  [南京网站建设，dx2.0升级dx3.1...][dx2.0_dx3.1...]
 *  [新疆库尔勒市，实行国税局三项...][... 1]
 *  [精通信号处理设计小Tips（5）...][Tips_5_...]
 *  [精通信号处理设计小Tips（5）...][Tips_5_... 1]

*  IP Sec VPN与NAT破镜重圆
 *  网站导航
 *  UT2.0正式版下载
 *  tomcat6.0配置(含配置视频下载...
 *  Gomez中国网站用户体验排行榜(...

*  [LNMP 老是会出现502？][LNMP _502]
 *  [suse 运用一个shell获取本机和...][suse _shell_...]
 *  [虚拟机 unix 配置ip ][unix _ip]
 *  [hp-un 主机新系统读不到磁盘阵...][hp-un _...]
 *  [mysql出现问题：Starting MySQ...][mysql_Starting MySQ...]

给主人留下些什么吧！~~

评论热议

[...]: http://blog.chinaunix.net/uid-29398618-id-4047758.html
[dx2.0_dx3.1...]: http://blog.chinaunix.net/uid-16749422-id-4047597.html
[... 1]: http://blog.chinaunix.net/uid-29391202-id-4047416.html
[Tips_5_...]: http://blog.chinaunix.net/uid-29322616-id-4047369.html
[Tips_5_... 1]: http://blog.chinaunix.net/uid-29322616-id-4047368.html
[LNMP _502]: http://ask.chinaunix.net/question/785370
[suse _shell_...]: http://ask.chinaunix.net/question/785369
[unix _ip]: http://ask.chinaunix.net/question/292361
[hp-un _...]: http://ask.chinaunix.net/question/37122
[mysql_Starting MySQ...]: http://ask.chinaunix.net/question/4616

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 spring设置上传文件大小

文章目录 spring设置上传文件的大小全局设置个别接口单独设置 nginx设置文件大小

「爱情、让人受尽委屈。」/ 2022年11月18日 04:46/ 0 赞/ 431 阅读

相关 JS 文件上传前端验证后缀及大小

<script language="javascript"> function checkSize(size)\{ if(size>10

怼烎@/ 2022年09月19日 10:53/ 0 赞/ 139 阅读

相关文件上传文件大小和类型

文件上传文件大小和类型一、文件上传 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

偏执的太偏执、/ 2022年09月07日 05:58/ 0 赞/ 219 阅读

相关 Java文件上传验证

不光能对文件限制，还能对文件真实的类型进行限制，跟Struts2的文件上传差不多。 package lee; import java.io.Fi

àì夳堔傛蜴生んèń/ 2022年06月16日 09:16/ 0 赞/ 225 阅读

相关 GitHub上传文件大小设置

进入GitHub命令窗口，输入命令：[Git][] config http.postBuffer 524288000 之前[git][Git]中的配置是没有这一项的,执行完以

分手后的思念是犯贱/ 2022年06月14日 11:39/ 0 赞/ 284 阅读

相关 js 验证手机号、邮箱、数字、文件后缀

// js 验证文件 / 验证手机号码格式 @param {Object} id / function checkMobile(id) {

忘是亡心i/ 2022年06月13日 06:28/ 0 赞/ 202 阅读

相关文件上传设置上传文件大小

控制台报错 org.apache.tomcat.util.http.fileupload.FileUploadBase$SizeLimitExceededExcept

男娘i/ 2022年04月17日 05:08/ 0 赞/ 370 阅读

相关 js验证上传文件大小、类型等

<script> function check() { var str=document.chuan.wen.value; if (st

傷城~/ 2022年02月23日 20:08/ 0 赞/ 372 阅读

相关 PHP文件上传案例，文件上传大小，权限问题

<?php function upload(){ //进行文件信息判断 if (!isset($_FILES['av

傷城~/ 2021年09月18日 22:12/ 0 赞/ 489 阅读

相关 js上传文件；input上传文件；

html原生上传文件方式1： ![在这里插入图片描述][20210324233047985.gif] <!DOCTYPE html> <html>

小灰灰/ 2021年09月07日 06:20/ 0 赞/ 640 阅读