1

JavaScript でファイルを検証したい。
ファイルをアップロードするフォームがあります。

<input type="file" name="attachment" ><span></span>
<input type="hidden" name="event_id" value="<?php print $event['id'];?>" />
<input type="submit" name="Submit" class="button" value="Schimba Imaginea"  onClick="return validateEditImageEvent()" >

フォームを検証する関数を作成しました。

function validateEditImageEvent()
{
    var valid;
    valid = true;
            
    valid *= checkIsFile(document.forms["editImageEvent"]["attachment"]);   
            
            
    return valid > 0;
}

そして、ファイルを検証する関数:

function checkIsFile(el){
    span = el.parentNode.getElementsByTagName('span')[0];
    span.innerHTML="";
    if (el.value =='')
    {
        span.appendChild(eIcon("Adaugati o imagine!"));
        return false;
    }
    else
    {
        if(el.files[0].size >= 500000)
        {
            var actsize = el.files[0].size / 1000;
            var mysize = actsize.toFixed(0);
            alert('Fisierul uploadat este prea mare. Dimensiunea maxima trebuie sa fie de 500 KB.  Dimensiunea actuala este de '+mysize+' KB.');
            return false;
        }
        else
        {
                     
            var file = el.files[0];
            if( file ) {
                var img = new Image();

                img.src = window.URL.createObjectURL( file );

                //img.onload = function() {
                    var width = img.naturalWidth,
                    height = img.naturalHeight;

                    window.URL.revokeObjectURL( img.src );

                    if( width > 2048 || height > 2048 ) {
                            
                        alert('Imaginea are dimensiunea prea mare: '+width+'x'+height+'. Maximul admis este de 2048x2048.');
                        return false;
                    }
                    else
                    {
                        return true;
                             // form.submit(); 
                    }
                //};
            }
            else
            {
                return true;
                                          

            }
        }
                
    }
        
}

コメント付きのテキストに問題があります。ファイルのサイズが正しい場合、イベント//img.onload = function() { };
を呼び出す必要があるため、true を返すことができないためです。 しかし、私は真を返したいだけです。form.submit()

コメント付きのコードを削除して機能するように機能を変更するにはどうすればよいですか。今それを行うと、幅と高さの検証が機能しません。

4

0 に答える 0