JQuery验证图片上传文件类型

本文介绍了JQuery验证图片上传文件类型的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个验证上传头像图片的JQuery脚本，但是我需要它来防止上传除PNG，JPG， GIF 图片。任何方式实现这个代码我有？这里是代码：

$ $ p $ $''$ add $' $（＃avatarupload）.val（）;
if（avatar.length< 1）{
avatarok = 0;
}
// ELSE IF FILE TYPE
else {
avatarok = 1;
}
if（avatarok == 1）{
$（'。formValidation'）。addClass（sending）; $ $ b $（'。formValidation'）。addClass（validationError）;
}
返回false;
}）;

解决方案

这应该检查文件扩展名b
$ b

  var extension = avatar.split（'。'）。pop（）。toUpperCase（）; 
 if（extension！=PNG&&&extension;！JPG&& extension extension！=GIF&& extension;！=JPEG）{
 avatarok = 0; 
 
 
 
 $ b $ p 
 $ b 所以完整的代码应该看起来像
 
 
  $（'＃addButton'）。click（function（）{
 var avatar = $（＃avatarupload）。val（）; 
 var extension = avatar.split（'。'）。pop（）。toUpperCase（）; 
 if（avatar.length< 1）{
 avatarok = 0; 
} 
 else if（extension！=PNG&&& extension！=JPG&& extension extension！=GIF&& extension; =JPEG）{
 avatarok = 0; 
 alert（invalid extension+ extension）; 
} 
 else {
 avatarok = 1; 
} 
 if（avatarok == 1 ）{
 $（'。formValidation'）。addClass（sending）; 
 $（＃form）。submit（）; 
} 
 else {
 $（'。formValidation'）。addClass（validationError）; 
} 
 return false; 
}）; 
  
 
I have a JQuery script that validates the upload of avatar images but I need it to prevent the upload of anything other than PNG, JPG & GIF images.  Any way of implementing this into the code I have? Here is the code:
$('#addButton').click(function () {
    var avatar = $("#avatarupload").val();
    if(avatar.length < 1) {
        avatarok = 0;
    }
    //ELSE IF FILE TYPE
    else {
        avatarok = 1;
    }
    if(avatarok == 1) {
        $('.formValidation').addClass("sending");
        $("#form").submit();
    }
    else {
        $('.formValidation').addClass("validationError");
    }
    return false;
});
 解决方案 
This should check the file extension
var extension = avatar.split('.').pop().toUpperCase();
if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG"){
    avatarok = 0;
}
So the full code should looks like
$('#addButton').click(function () {
    var avatar = $("#avatarupload").val();
    var extension = avatar.split('.').pop().toUpperCase();
    if(avatar.length < 1) {
        avatarok = 0;
    }
    else if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG"){
        avatarok = 0;
        alert("invalid extension "+extension);
    }
    else {
        avatarok = 1;
    }
    if(avatarok == 1) {
        $('.formValidation').addClass("sending");
        $("#form").submit();
    }
    else {
        $('.formValidation').addClass("validationError");
    }
    return false;
});
                        
这篇关于JQuery验证图片上传文件类型的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！