php - ファイルのアップロードの検証

Question

次のようなループでファイルのアップロードを使用する必要があります。

<form action="upload.php" method="post" enctype="multipart/form-data" name="form1"  id="form1"onsubmit="return(validate());">   
<?php for($i=0;$i<3;$i++)?>
<?php {?>
Select file:
<input name="ufile[]" type="file" id="file<?=$i;?>" size="50" />
<?php }?>
<input type="hidden" name="ivalue" value="3" id="someVar"/>
<input type="submit" name="Submit" value="Upload" />
</form>

ファイルのアップロードにいくつかの検証を行いました。お気に入り、

<script type="text/javascript">
function validate()
{
var x=document.getElementById("someVar").value;
      for(i=0;i<x;i++) 
    {


     var filename=document.getElementById('file'+i).value;
     var extension=filename.substr(filename.lastIndexOf('.')+1).toLowerCase();
     if(filename)
     {
         if(extension=='png' || extension=='gif' || extension=='jpg' ||extension=='jpeg') {
                return true;
            } else {
                alert('Allowed Extensions are "png","gif" and "jpg" !');
                return false;
            }
         return true;
     }
     else
     {
         alert('Select upload files!');

         return false;
     }
    }

  }
</script>

しかし、私のスクリプトは最初のファイルのみを検証しています.(私はそれがid命名規則によるものであることを知っています)。しかし、ユーザーがどのファイルも選択しない場合は、検証する必要があります。どうすればそれを行うことができますか?つまり、すべてのファイルの検証を for ループに入れるにはどうすればよいですか?

ありがとう！

Answer 1

<script type="text/javascript">
function validate()
{
    var x=document.getElementById("someVar").value;
    for(i=0;i<x;i++)    {
        var filename=document.getElementById('file'+i).value;
        var extension=filename.substr(filename.lastIndexOf('.')+1).toLowerCase();
        if (filename) {
            if (extension=='png' || extension=='gif' || extension=='jpg' ||extension=='jpeg') {
            } else {
                alert('Allowed Extensions are "png","gif" and "jpg" !');
                return false;
            }
        } else {
            alert('Select upload files!');
            return false;
        }
    }
    return true;
}
</script>

Answer 2

$(document)
        .click(
                function() {

                    $("#uploadId")
                            .change(
                                    function() {
                                        var f = this.files[0];
                                        var p = f.size;
                                        var fup = document
                                                .getElementById('uploadId');
                                        var fileName = fup.value;
                                        var ext = fileName
                                                .substring(fileName
                                                        .lastIndexOf('.') + 1);
                                        if (ext == "GIF" || ext == "gif"
                                                || ext == "jpg"
                                                || ext == "JPG"
                                                || ext == "jpeg"
                                                || ext == "JPEG"
                                                || ext == "bmp"
                                                || ext == "BMP"
                                                || ext == "png"
                                                || ext == "PNG") {
                                            if ((p <= 2097152)) {

                                                return true;
                                            }

                                            else {
                                                alert("Please upload the image max.size of 2 MB");

                                                $("#uploadId").val('');
                                                $("#uploadId").attr(
                                                        'enabled',
                                                        'enabled');

                                            }

                                        } else {
                                            alert("Please upload the images only");

                                            $("#uploadId").val('');
                                            $("#uploadId").attr('enabled',
                                                    'enabled');
                                        }
                                    });

                });